.elementor-2722 .elementor-element.elementor-element-198728c8{--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-2722 .elementor-element.elementor-element-40d138df .e-contact-buttons__chat-button{font-family:"Londrina Solid", Sans-serif;font-size:3.125rem;font-weight:400;text-transform:uppercase;line-height:3.125rem;}.elementor-2722 .elementor-element.elementor-element-40d138df .e-contact-buttons{--e-contact-buttons-button-bg:var( --e-global-color-375f277 );--e-contact-buttons-transition-duration:0.3s;}@media(max-width:767px){.elementor-2722 .elementor-element.elementor-element-40d138df .e-contact-buttons__chat-button{font-size:8rem;}}/* Start custom CSS for contact-buttons-var-9, class: .elementor-element-40d138df *//* ==========================================
   Bouton flottant "Commander" (mobile)
   ========================================== */

/* 1. Masque l'icône et son conteneur rond */
[data-elementor-type="floating-buttons"] svg,
[data-elementor-type="floating-buttons"] i,
[data-elementor-type="floating-buttons"] :is(div, span):has(> svg, > i):not(:has(> :not(svg, i))) {
  display: none !important;
}

/* 2. Forme du bouton : 1/3 de l'écran, coins arrondis à 10px */
[data-elementor-type="floating-buttons"] a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 33vw !important;
  min-width: 140px;
  padding: 18px 20px !important;
  gap: 0 !important;
  border-radius: 10px !important;
}

[data-elementor-type="floating-buttons"] a > *,
[data-elementor-type="floating-buttons"] a > * > * {
  flex: 1;
  text-align: center;
  border-radius: 16px !important;
  
}

/* 3. Typo plus grosse */
[data-elementor-type="floating-buttons"] a,
[data-elementor-type="floating-buttons"] a * {
  font-size: 1.8rem !important;
  line-height: 1.1 !important;
}

/* 4. Masqué sur tablette et desktop */
@media (min-width: 768px) {
  [data-elementor-type="floating-buttons"] {
    display: none !important;
  }
}

/* 5. Supprime le contour au clic */
[data-elementor-type="floating-buttons"] a,
[data-elementor-type="floating-buttons"] button,
[data-elementor-type="floating-buttons"] a *,
[data-elementor-type="floating-buttons"] :focus {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Garde un contour arrondi pour la navigation au clavier (accessibilité) */
[data-elementor-type="floating-buttons"] a:focus-visible {
 display: none;
}/* End custom CSS */