.elementor-2676 .elementor-element.elementor-element-28dbe33{--display:flex;--background-transition:0.3s;}.elementor-2676 .elementor-element.elementor-element-559c968{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:flex-end;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-9a1ce44 *//* styles.css */
.sticky-cta {
    position: fixed;
    bottom: 20px; /* Marge en bas pour la visibilité */
    right: 0; /* Collé à droite */
    width: 308px; /* Largeur */
    height: 100px; /* Hauteur réduite */
    background-color: #FC7A9C; /* Couleur de fond mise à jour */
    text-align: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    opacity: 1; /* Opacité */
    transform: rotate(5deg); /* Effet de rotation plus léger */
    transition: background-color 0.3s ease;
    overflow: visible; /* Permet de dépasser les limites du conteneur */
    position: fixed; /* Position fixe pour rester collé à droite */
}

.sticky-cta .cta-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: 'Times New Roman', serif; /* Typographie mise à jour */
    font-size: 19px; /* Taille de police */
    color: #FFFFFF; /* Couleur du texte */
    text-decoration: none;
    opacity: 1; /* Opacité */
    text-align: center; /* Alignement centré */
    transition: none; /* Supprimer l'effet hover */
    transform: rotate(-5deg); /* Annule la rotation de l'arrière-plan */
}

.sticky-cta .cta-link:hover {
    color: #FFFFFF; /* Le texte reste blanc en hover */
}

.sticky-cta .cta-title {
    font-family: 'Times New Roman', serif; /* Typographie mise à jour */
    font-size: 19px; /* Taille de police */
    color: #FFFFFF; /* Couleur du texte */
}

.sticky-cta .cta-subtitle {
    font-family: 'FS Meridian', 'Medium'; /* Typographie mise à jour */
    font-size: 13px; /* Taille de police */
    color: #000000; /* Couleur du texte */
    margin-top: 0px; /* Réduire l'espace entre le titre et le sous-titre au minimum */
}

.sticky-cta .cta-icon {
    width: 24px; /* Ajustez en fonction de votre design */
    height: 24px; /* Ajustez en fonction de votre design */
    margin-right: 10px; /* Ajustez en fonction de votre design */
}

.close-btn {
    position: absolute;
    top: -19px; /* Positionner pour dépasser le coin */
    left: -19px; /* Positionner pour dépasser le coin */
    background: #FFFFFF !important; /* Couleur de fond du bouton avec !important */
    border: none !important;
    font-size: 25px !important; /* Taille du X avec !important */
    color: #41A0BE !important; /* Couleur du X avec !important */
    cursor: pointer;
    width: 48px !important; /* Taille du bouton pour le rendre rond avec !important */
    height: 58px !important; /* Taille du bouton pour le rendre rond avec !important */
    border-radius: 50% !important; /* Pour rendre le bouton rond avec !important */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 4px #00000015 !important; /* Ombre avec !important */
    z-index: 9999; /* S'assure que le bouton est au-dessus des autres éléments */
}/* End custom CSS */