.elementor-1327 .elementor-element.elementor-element-502f2fa1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;font-style:normal;text-decoration:none;}.elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons{--e-contact-buttons-button-icon:#FFFFFF;--e-contact-buttons-transition-duration:0.3s;--e-contact-buttons-horizontal-offset:0px;--e-contact-buttons-vertical-offset:19px;}/* Start custom CSS for contact-buttons-var-9, class: .elementor-element-7d4bd896 *//* =========================
   1. BOUTON GLOBAL
========================= */
.elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    overflow: visible;
}


/* =========================
   2. ICÔNE (ROND)
========================= */
.elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button-icon-container {
    background: linear-gradient(130deg, #57a550 28%, #f2e14e 120%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 2;
    flex-shrink: 0;
}

.elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button-icon-container svg {
    fill: #ffffff !important;
}


/* =========================
   3. TEXTE (DESKTOP)
========================= */
.elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button-text {
    background: linear-gradient(130deg, #57a550 28%, #f2e14e 120%) !important;
    color: #ffffff !important;
    padding: 10px 20px 10px 30px !important;
    border-radius: 50px !important;
    margin-left: -25px !important;
    font-weight: bold;
    display: flex;
    align-items: center;
    white-space: nowrap;
    transition: all 0.3s ease;
}


/* =========================
   4. MOBILE & TABLETTE
========================= */
@media (max-width: 1024px) {

    /* Bouton rond par défaut */
    .elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button {
        width: 50px;
        height: 50px;
        justify-content: center;
    }

    /* Texte caché (SANS absolute 🔥) */
    .elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button-text {
        opacity: 0;
        width: 0;
        padding: 0 !important;
        margin-left: 0 !important;
        overflow: hidden;
    }

    /* 🔥 ÉTAT ACTIF → le bouton s’étire */
    .elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button.active,
    .elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button:hover {
        width: auto;
        height: 50px;
    }

    /* 🔥 TEXTE RÉAPPARAÎT PROPREMENT */
    .elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button.active .e-contact-buttons__chat-button-text,
    .elementor-1327 .elementor-element.elementor-element-7d4bd896 .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-text {
        opacity: 1;
        width: auto;
        padding: 10px 20px 10px 30px !important;
        margin-left: -25px !important;
    }
}/* End custom CSS */