.Secao-cta {
  .base {
    padding: 80px 70px;
    border-radius: 8px;

    &._col-10 {
      padding: 59px 71px;
    }

    &._thin {
      padding: 24px;
    }
  }

  .Button {
    background: transparent;
    border: 1px solid $purple-dark;
    color: $purple-dark;

    &:hover {
      background: $purple-dark;
      color: white;
    }
  }

  .conteudo {
    gap: 40px;
  }

  @media screen and (min-width: $md) {
    .base {
      border-radius: 8px;

      &._thin {
        padding: 24px 70px 24px 24px;
      }
    }
  }

  ._dark-mode {
    .Button {
      background: $green;
      color: $purple-dark;
      border: none;

      &:hover {
        background: lighten($green, 10%);
      }
    }
  }
}