.elementor-408 .elementor-element.elementor-element-1c51c99d{--display:flex;}.elementor-408 .elementor-element.elementor-element-222cf64f .e-contact-buttons{--e-contact-buttons-button-icon:#16DA1B;--e-contact-buttons-button-bg:#02010100;--e-contact-buttons-button-icon-hover:var( --e-global-color-secondary );--e-contact-buttons-button-bg-hover:#259E28;}.elementor-408 .elementor-element.elementor-element-222cf64f .e-contact-buttons__chat-button-shadow{box-shadow:0px 0px 17px 0px rgba(22.000000000000014, 218.00000000000003, 26.999999999999915, 0.65) inset;}/* Start custom CSS for contact-buttons-var-5, class: .elementor-element-222cf64f *//* 1. LIMPANDO O FUNDO (Garantindo transparência total) */
.elementor-408 .elementor-element.elementor-element-222cf64f .elementor-floating-buttons__button,
.elementor-408 .elementor-element.elementor-element-222cf64f .elementor-floating-buttons__button:hover,
.elementor-408 .elementor-element.elementor-element-222cf64f .elementor-floating-buttons__button-wrapper {
    background-color: transparent !important;
    background: transparent !important;
}

/* 2. APLICANDO O VIDRO E A BORDA (Mais espessa e visível) */
.elementor-408 .elementor-element.elementor-element-222cf64f .elementor-floating-buttons__button {
    /* Fundo do vidro um pouco mais presente para aparecer no azul escuro */
    background: rgba(255, 255, 255, 0.12) !important;
    
    /* Efeito de desfoque profundo do iPhone */
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    
    /* Borda de 2px para ficar bem visível */
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-top: 2px solid rgba(255, 255, 255, 0.5) !important; /* Brilho no topo */
    border-left: 2px solid rgba(255, 255, 255, 0.3) !important; /* Brilho lateral */
    
    border-radius: 50% !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
    
    /* Centralização forçada */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease-in-out !important;
}

/* 3. FORÇANDO A COR DO ÍCONE (Verde WhatsApp) */
.elementor-408 .elementor-element.elementor-element-222cf64f .elementor-floating-buttons__button i, 
.elementor-408 .elementor-element.elementor-element-222cf64f .elementor-floating-buttons__button svg,
.elementor-408 .elementor-element.elementor-element-222cf64f .elementor-floating-buttons__button svg path {
    color: #25D366 !important;
    fill: #25D366 !important; /* Para ícones em SVG */
    width: 30px; /* Ajuste o tamanho se necessário */
    height: auto;
}

/* 4. EFEITO AO PASSAR O MOUSE */
.elementor-408 .elementor-element.elementor-element-222cf64f .elementor-floating-buttons__button:hover {
    transform: scale(1.1) translateY(-5px) !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 2/* End custom CSS */