.leis-e-decretos {
  padding: 40px 0;

  .title {
    font-size: 32px;
    font-weight: 700;
    color: #30302e;
    margin-bottom: 32px;
  }

  .card-leis-e-decretos {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    display: flex;

    .thumbnail {
      img {
        width: 104px;
        height: 144px;
        object-fit: cover;
      }
    }

    .info {
      padding: 12px 16px;
      display: flex;
      justify-content: space-between;
      width: -webkit-fill-available;
      flex-direction: column;

      .text-content {
        display: grid;
        gap: 8px;

        .category-date {
          display: flex;
          justify-content: space-between;

          .Lei {
            margin: 0;
            padding: 2px 8px;
            font-size: 14px;
            font-weight: 700;
            color: #033e66;
            background: #e6f5ff;
            border-radius: 999px;
            line-height: unset;
          }

          .Decretos {
            margin: 0;
            padding: 2px 8px;
            font-size: 14px;
            font-weight: 700;
            color: #10421e;
            background: #eaf6ed;
            border-radius: 999px;
            line-height: unset;
          }

          .date {
            font-size: 14px;
            font-weight: 400;
            color: #565654;
            line-height: unset;
            margin: 0;
          }
        }

        .descriptions {
          .card-title {
            font-size: 16px;
            font-weight: 600;
            color: #1d1d1b;
          }

          .card-description {
            font-size: 14px;
            font-weight: 400;
            color: #565654;
            line-height: unset;
            margin: 0;
          }
        }
      }

      a {
        display: flex;
        align-items: center;
        gap: 4px;
      }
    }
  }
}