/* Estilo do botão de oferta */
.btn-oferta {
    display: block;
    background-color: #fcb900; /* Tom amarelado de CTA */
    color: #ffffff; /* Cor do texto */
    padding: 15px 0; /* Altura do botão */
    border-radius: 30px; /* Borda arredondada */
    font-size: 1.2rem; /* Tamanho da fonte */
    font-weight: bold;
    text-align: center;
    text-decoration: none; /* Remove o sublinhado */
    width: 60%; /* Deixar o botão menos largo */
    max-width: 400px; /* Limite de largura */
    margin: 0 auto; /* Centraliza o botão */
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease; /* Transições para hover */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra inicial */
}

.btn-oferta:hover {
    background-color: #ffcc33; /* Cor amarela mais clara no hover */
    transform: translateY(-4px) scale(1.02); /* Elevação e leve ampliação */
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3); /* Sombra mais forte no hover */
}

.btn-oferta:active {
    transform: translateY(-1px) scale(1); /* Reduz o efeito de elevação ao clicar */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Retorna à sombra inicial */
}