/* =====================================================
   BOTÕES VERMELHOS - PADRÃO GLOBAL V2
   SIDNEI INFORMÁTICA
===================================================== */


/* =====================================================
   BOTÕES PRINCIPAIS DO SITE
===================================================== */

.botao-principal {

    color:
        #f7f7f7;

    background:
        #d9272b;

    border-color:
        #d9272b;

    font-weight:
        600;

    letter-spacing:
        0;

    text-shadow:
        none;

    box-shadow:
        none;

}


.botao-principal:hover {

    color:
        #f7f7f7;

    background:
        #bd1f23;

    border-color:
        #bd1f23;

    transform:
        translateY(-2px);

    box-shadow:
        0 6px 16px rgba(189, 31, 35, 0.14);

}


/* =====================================================
   BOTÃO DO WHATSAPP NO HEADER
===================================================== */

.header-whatsapp {

    color:
        #f7f7f7;

    background:
        #d9272b;

    border-color:
        #d9272b;

    font-size:
        13.5px;

    font-weight:
        600;

    letter-spacing:
        0;

    text-shadow:
        none;

    box-shadow:
        0 3px 10px rgba(217, 39, 43, 0.10);

}


.header-whatsapp:hover {

    color:
        #f7f7f7;

    background:
        #bd1f23;

    border-color:
        #bd1f23;

    box-shadow:
        0 6px 16px rgba(189, 31, 35, 0.14);

}


/* =====================================================
   WHATSAPP NO MENU MOBILE
===================================================== */

.menu-mobile-whatsapp {

    color:
        #f7f7f7;

    background:
        #d9272b;

    font-weight:
        600;

    letter-spacing:
        0;

    text-shadow:
        none;

}


.menu-mobile-whatsapp:hover {

    color:
        #f7f7f7;

    background:
        #bd1f23;

}


/* =====================================================
   WHATSAPP DO RODAPÉ
===================================================== */

.footer-whatsapp {

    color:
        #f7f7f7;

    background:
        #d9272b;

    font-weight:
        600;

    letter-spacing:
        0;

    text-shadow:
        none;

    box-shadow:
        0 3px 10px rgba(217, 39, 43, 0.09);

}


.footer-whatsapp:hover {

    color:
        #f7f7f7;

    background:
        #bd1f23;

    box-shadow:
        0 6px 16px rgba(189, 31, 35, 0.13);

}


/* =====================================================
   BOTÕES ESPECÍFICOS
===================================================== */

.remoto-download {

    color:
        #f7f7f7;

    font-weight:
        600;

    letter-spacing:
        0;

    text-shadow:
        none;

}


/* =====================================================
   RENDERIZAÇÃO DO TEXTO DOS BOTÕES
===================================================== */

.botao,
.header-whatsapp,
.menu-mobile-whatsapp,
.footer-whatsapp {

    -webkit-font-smoothing:
        antialiased;

    text-shadow:
        none;

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .header-whatsapp,
    .menu-mobile-whatsapp,
    .footer-whatsapp {

        font-weight:
            600;

    }

}