.elementor-955 .elementor-element.elementor-element-4a78d5c{--display:flex;}@media(max-width:767px){.elementor-955 .elementor-element.elementor-element-7e65c495 .e-contact-buttons{--e-contact-buttons-horizontal-offset:0px;--e-contact-buttons-vertical-offset:4px;}}/* Start custom CSS for contact-buttons-var-5, class: .elementor-element-7e65c495 *//* ========================================
   BOTÃO FLUTUANTE WHATSAPP - CACHITO STORE
   ======================================== */

/* Transforma o link original em nosso botão personalizado */
.botao-sac-whats a {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;

    display: block !important;

    padding: 0 !important;
    margin: 0 !important;

    background-color: transparent !important;
    background-image: url("https://cachitostore.com.br/wp-content/uploads/2026/09/sac-whats.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-size: 0 !important;

    transition: transform 0.2s ease !important;
}


/* Esconde tudo que o Elementor coloca dentro do botão */
.botao-sac-whats a > * {
    display: none !important;
}


/* Efeito sutil ao passar o mouse */
.botao-sac-whats a:hover {
    transform: scale(1.06);
}


/* Mobile */
@media (max-width: 767px) {

    .botao-sac-whats a {
        width: 80px !important;
        height: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
    }

}/* End custom CSS */