.filtro-termos {
  width: 100%;
  display: flex;
  gap: 24px;
  overflow: scroll;
  padding-bottom: 8px;

  .pill {
    padding: 0.75rem 2rem;
    line-height: 1;
    color: white;
    font-family: Roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.33;
    white-space: nowrap;
    border-radius: 8px;
    cursor: pointer;
  }
}

#filtro-content {
  margin-top: 2rem;
  padding: 2.5rem;
  border-radius: var(--vertical-spacing-05-rem-label, 8px);
  background: #b8cd01;

  .content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  h2 {
    color: var(--font-color);
    font-family: Poppins;
    font-size: var(--wp--preset--font-size--medium) !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.28;
  }

  .content-header a {
    display: flex;
    align-items: center;
    align-content: center;
    gap: var(--vertical-spacing-075-rem-sxsp, 12px)
      var(--vertical-spacing-15-rem-mp-huge, 24px);
    flex-wrap: wrap;
    color: var(--font-color);
    padding: 0.75em 1.5rem;

    /* labels/label button */
    font-family: Roboto;
    font-size: var(--wp--preset--font-size--small) !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    border-radius: var(--vertical-spacing-05-rem-label, 8px);
    border: 1px solid var(--font-color);
  }

  .content-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4.5rem;
    margin-top: 2.5rem;

    a {
      color: var(--font-color) !important;
    }

    h3 {
      color: var(--font-color);
      font-family: Roboto;
      font-size: var(--wp--preset--font-size--t-small) !important;
      font-style: normal;
      font-weight: 700;
      line-height: 1.33;
    }

    time {
      color: var(--font-color);
      font-family: Roboto;
      font-size: var(--wp--preset--font-size--small) !important;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      text-transform: uppercase;
    }

    .documento-excerpt {
      color: var(--font-color);

      /* common text style/p-default */
      font-family: Roboto;
      font-size: var(--wp--preset--font-size--normal) !important;
      font-style: normal;
      font-weight: 300;
      line-height: 24px; /* 150% */
    }

    a.botao-leia-mais {
      color: var(--font-color);

      /* labels/link desktop */
      font-family: Roboto;
      font-size: var(--wp--preset--font-size--normal) !important;
      font-style: normal;
      font-weight: 500;
      line-height: 24px; /* 150% */
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: none;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
    }

    p {
      color: var(--font-color);
    }
  }
}