/* ========================================
   Botão com Degradê Dourado e Preto
   ======================================== */

.btn-gold-black {
    /* Degradê de dourado para preto */
    background: linear-gradient(135deg, #fccd51 0%, #d25f12 50%, #1a1a1a 100%);

    /* Cor do texto */
    color: #ffffff;

    /* Espaçamento interno */
    padding: 0 20px;

    /* Bordas arredondadas */
    border-radius: 8px;

    /* Fonte e peso */
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;

    /* Remove borda padrão */
    border: none;

    /* Cursor pointer */
    cursor: pointer;

    /* Transição suave */
    transition: all 0.3s ease;

    /* Sombra sutil */
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

/* Efeito hover */
.btn-gold-black:hover {
    /* Intensifica o degradê */
    background: linear-gradient(135deg, #f4cf57 0%, #a08050 50%, #2d2d2d 100%);

    /* Levanta o botão */
    /* transform: translateY(-2px); */

    /* Sombra mais forte */
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5);
}

/* Efeito ao clicar */
.btn-gold-black:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.3);
}