/* =====================================================
 * CTA Budget — single de Serviços (page-areas)
 * Override visual independente do SCSS do tema-pai.
 *
 * Estado normal: bg verde WhatsApp + letras brancas
 *                pseudos do "Clique aqui" em preto
 * Hover:         bg azul brand + todas as letras brancas
 * ===================================================== */

.page-areas .cta-budget{
    background-color:#25d366;
    border-color:#25d366;
}

/* Esconde a barra superior decorativa do design antigo */
.page-areas .cta-budget:before{
    display:none;
}

.page-areas .cta-budget .cta-budget_title{
    color:#fff;
}

/* "Clique aqui" + pseudos (tracinhos) em preto no estado normal */
.page-areas .cta-budget .cta-budget_btn{
    color:#000;
}

.page-areas .cta-budget .cta-budget_btn:before,
.page-areas .cta-budget .cta-budget_btn:after{
    background-color:#000;
}

/* Transição suave nas mudanças do hover */
.page-areas .cta-budget,
.page-areas .cta-budget .cta-budget_title,
.page-areas .cta-budget .cta-budget_btn{
    transition:background-color .3s ease, border-color .3s ease, color .3s ease;
}

/* ----------- Hover ----------- */
.page-areas .cta-budget:hover{
    background-color:#053d75;
    border-color:#053d75;
}

.page-areas .cta-budget:hover .cta-budget_title,
.page-areas .cta-budget:hover .cta-budget_btn{
    color:#fff;
}

.page-areas .cta-budget:hover .cta-budget_btn:before,
.page-areas .cta-budget:hover .cta-budget_btn:after{
    background-color:#fff;
}