.btn-primary {
    background: linear-gradient(135deg, #FECF6B 0%, #7BC69D 100%);
    color: #fff; /* cor do texto */
    text-decoration: none;
    text-align: center;
    border: none;
    cursor: pointer;
}

/* Efeito hover (quando o mouse passa por cima) */
.btn-primary:hover {
    transform: translateY(-2px); /* levanta o botão */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}

/* Efeito active (quando clicado) */
.btn-primary:active {
    transform: translateY(1px);
}