:root {
    /* variáveis de cores derivadas do logo */
    --contact_color1: #000000; /* Preto sólido - textos (breadcrumb, h1, parágrafos, inputs) e borda/texto do botão submit */
    --contact_color2: #7AC943; /* Verde principal (logo) - hover do breadcrumb e subtítulos (h2) */
    --contact_color3: #FFFFFF; /* Branco - background da div dos inputs e texto do botão no hover */
    --contact_color4: #F2F2F2; /* Cinza claro - borda da div dos inputs (efeito sombra) */
    --contact_color5: #D9D9D9; /* Cinza médio - borda dos inputs do form */

    /* variáveis de imagens */
    --contact_img1: url("../img/li/logo_venda_direta_icon.png");
}

.whatsapp-button{
    background-color: var(--contact_color2);
    border-radius: 50px;
    padding: 10px 20px;
    text-align: center;
}
/*
    Cor 1: preto sólido, usado como texto padrão, no breadcrumb, h1, inputs e também no botão submit (borda/texto/hover)
    Cor 2: verde principal (logo), aplicado no hover do breadcrumb e nos subtítulos (h2)
    Cor 3: branco, aplicado em backgrounds (div inputs) e no texto do botão submit quando hover
    Cor 4: cinza claro, aplicado nas bordas das divs de inputs para criar profundidade/sombra
    Cor 5: cinza médio, aplicado como borda dos inputs do formulário
*/