.elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button{background-color:#EA7D23;font-size:32px;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:11px 11px 11px 11px;}.elementor-2909 .elementor-element.elementor-element-6938e8c{width:auto;max-width:auto;bottom:20px;z-index:9999;}.elementor-2909 .elementor-element.elementor-element-6938e8c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}body:not(.rtl) .elementor-2909 .elementor-element.elementor-element-6938e8c{right:20px;}body.rtl .elementor-2909 .elementor-element.elementor-element-6938e8c{left:20px;}.elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button-content-wrapper{flex-direction:row;}.elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button .elementor-button-content-wrapper{gap:0px;}/* Start custom CSS for button, class: .elementor-element-6938e8c *//* 1. État normal (Cercle Orange à DROITE) */
.elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    width: 60px !important;
    height: 60px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100px !important;
    overflow: hidden !important;
    background-color: #E67E22 !important; /* Votre orange */
}

/* 2. Taille de l'icône (Dominante) */
.elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button-icon {
    font-size: 24px !important;
    display: flex !important;
    margin: 0 !important;
    transition: transform 0.3s !important;
}

/* 3. Taille du texte (Finesse typographique) */
.elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button-text {
    font-size: 10px !important;
    font-weight: 600 !important;
    opacity: 0;
    white-space: nowrap;
    transition: opacity 0.2s ease-in-out;
    position: absolute; /* Sorti du flux pour ne pas pousser l'icône au repos */
}

/* 4. État au SURVOL (Expansion vers la gauche) */
.elementor-2909 .elementor-element.elementor-element-6938e8c:hover .elementor-button {
    width: 360px !important; /* Ajustez selon la longueur du texte */
    justify-content: flex-start !important;
    padding-left: 20px !important;
}

/* 5. Réglages du texte au survol */
.elementor-2909 .elementor-element.elementor-element-6938e8c:hover .elementor-button-text {
    opacity: 1;
    position: relative; /* Reprend sa place à côté de l'icône */
    margin-left: 15px !important;
}

/* =========================================
   CORRECTION MOBILE (Écrans < 768px)
   ========================================= */
@media (max-width: 767px) {
    /* On force le format cercle, même au clic/survol */
    .elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button,
    .elementor-2909 .elementor-element.elementor-element-6938e8c:hover .elementor-button {
        width: 50px !important; /* Taille réduite pour mobile */
        height: 50px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    /* On cache le texte en permanence sur mobile */
    .elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button-text,
    .elementor-2909 .elementor-element.elementor-element-6938e8c:hover .elementor-button-text {
        display: none !important;
    }

    /* On recentre l'icône et on réduit sa taille */
    .elementor-2909 .elementor-element.elementor-element-6938e8c .elementor-button-icon,
    .elementor-2909 .elementor-element.elementor-element-6938e8c:hover .elementor-button-icon {
        margin: 0 !important;
        font-size: 20px !important;
    }
    
    /* On ajuste la position pour ne pas coller au bord */
    .elementor-2909 .elementor-element.elementor-element-6938e8c {
        bottom: 15px !important;
        right: 15px !important;
    }
}/* End custom CSS */