.elementor-247 .elementor-element.elementor-element-239d4e9{--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-247 .elementor-element.elementor-element-0a7c382 .elementor-button{background-color:#FF4900;font-family:var( --e-global-typography-83819a3-font-family ), Sans-serif;font-size:var( --e-global-typography-83819a3-font-size );font-weight:var( --e-global-typography-83819a3-font-weight );fill:var( --e-global-color-dd2bb84 );color:var( --e-global-color-dd2bb84 );}.elementor-247 .elementor-element.elementor-element-0a7c382 .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-247 .elementor-element.elementor-element-0a7c382 .elementor-button{font-size:var( --e-global-typography-83819a3-font-size );}}@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-247 .elementor-element.elementor-element-0a7c382 .elementor-button{font-size:var( --e-global-typography-83819a3-font-size );}}/* Start custom CSS for button, class: .elementor-element-0a7c382 *//* ===============================
   Bouton Elementor – base
================================ */
.btn-emoji-slide .elementor-button {
  position: relative;
  display: inline-block !important;
  width: fit-content;

  font-weight: 600;
  white-space: nowrap;

  /* Padding adaptatif */
  padding: 12px 20px;
  padding-left: 64px;
  padding-right: 20px;

  overflow: hidden;

  /* Animation douce */
  transition: padding 0.65s ease;

  /* Angles */
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;
}

/* ===============================
   Texte
================================ */
.btn-emoji-slide .elementor-button-text {
  position: relative;
  z-index: 2;
  color: #FFC8B2;
}

/* ===============================
   Icône Elementor = emoji animé
================================ */
.btn-emoji-slide .elementor-button-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  width: 52px;
  background-color: #FFC8B2;

  display: flex;
  align-items: center;
  justify-content: center;

  z-index: 3;

  /* Arrondis côté gauche */
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;

  /* Animation visible */
  transition:
    left 0.5s ease,
    right 0.5s ease,
    border-radius 0.5s ease;
}

/* Taille et couleur du SVG */
.btn-emoji-slide .elementor-button-icon svg {
  width: 18px;
  height: 18px;
}

/* ===============================
   Hover – animation complète
================================ */
.btn-emoji-slide .elementor-button:hover {
  padding-left: 20px;
  padding-right: 64px;
}

.btn-emoji-slide .elementor-button:hover .elementor-button-icon {
  left: calc(100% - 52px);
}
/* ===============================
   CORRECTION LARGEUR FANTÔME
================================ */

/* Supprime le padding auto ajouté par Elementor quand une icône est active */
.btn-emoji-slide .elementor-button-content-wrapper {
  padding: 0 !important;
}

/* Force le bouton à ne prendre QUE la taille réelle */
.btn-emoji-slide .elementor-button {
  width: fit-content !important;
}

/* Neutralise les styles d’alignement icône Elementor */
.btn-emoji-slide .elementor-align-icon-left,
.btn-emoji-slide .elementor-align-icon-right {
  margin: 0 !important;
}

/* ===============================
   CORRECTION HAUTEUR FANTÔME
================================ */

/* Le wrapper interne doit prendre exactement la hauteur du bouton */
.btn-emoji-slide .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center;
  height: 100%;
}

/* Empêche toute hauteur fantôme liée au line-height */
.btn-emoji-slide .elementor-button-text {
  line-height: 1;
}/* End custom CSS */