.elementor-kit-67{--e-global-color-primary:#111111;--e-global-color-secondary:#141414;--e-global-color-text:#5A5A5A;--e-global-color-accent:#B8B8B8;--e-global-color-a2e875e:#FFFFFF;--e-global-color-0c9653f:#F2F7F8;--e-global-color-d1c733e:#0C0C12;--e-global-color-3b5cda1:#A1A1A1;--e-global-color-84ab9b4:#000000;--e-global-color-20f4ca1:#C9D2E3;--e-global-typography-primary-font-family:"Cormorant";--e-global-typography-primary-font-size:2.8rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Cormorant";--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0.2px;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-size:0.9rem;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.3px;--e-global-typography-5fbee93-font-family:"Baloo 2";--e-global-typography-5fbee93-font-size:4rem;--e-global-typography-5fbee93-font-weight:700;--e-global-typography-5fbee93-line-height:1.2em;--e-global-typography-8ddc8ab-font-family:"Baloo 2";--e-global-typography-8ddc8ab-font-size:2.813rem;--e-global-typography-8ddc8ab-font-weight:600;--e-global-typography-8ddc8ab-line-height:1.2em;--e-global-typography-cdb430a-font-family:"Baloo 2";--e-global-typography-cdb430a-font-size:1.5rem;--e-global-typography-cdb430a-font-weight:600;--e-global-typography-cdb430a-line-height:1.2em;--e-global-typography-9fa221a-font-family:"Montserrat";--e-global-typography-9fa221a-font-size:1rem;--e-global-typography-9fa221a-font-weight:500;--e-global-typography-9fa221a-line-height:1.2em;--e-global-typography-fd78c8f-font-family:"Montserrat";--e-global-typography-fd78c8f-font-size:1.125rem;--e-global-typography-fd78c8f-font-weight:500;--e-global-typography-fd78c8f-line-height:1.3em;--e-global-typography-95652f2-font-family:"Baloo 2";--e-global-typography-95652f2-font-size:1rem;--e-global-typography-95652f2-font-weight:normal;--e-global-typography-95652f2-line-height:1.2em;--e-global-typography-5a6f1d3-font-family:"Montserrat";--e-global-typography-5a6f1d3-font-size:0.938rem;--e-global-typography-5a6f1d3-font-weight:600;--e-global-typography-207436c-font-family:"Montserrat";--e-global-typography-207436c-font-size:0.9rem;--e-global-typography-3e0aef3-font-family:"Montserrat";--e-global-typography-3e0aef3-font-size:3.9rem;--e-global-typography-3e0aef3-font-weight:600;--e-global-typography-3e0aef3-line-height:1em;--e-global-typography-4854782-font-family:"Montserrat";--e-global-typography-4854782-font-size:9rem;--e-global-typography-4854782-font-weight:700;--e-global-typography-304839f-font-family:"Montserrat";--e-global-typography-304839f-font-size:0.9rem;--e-global-typography-304839f-font-weight:400;--e-global-typography-304839f-text-transform:uppercase;--e-global-typography-304839f-letter-spacing:1px;--e-global-typography-272e830-font-family:"Montserrat";--e-global-typography-272e830-font-size:1.063rem;--e-global-typography-272e830-font-weight:500;--e-global-typography-272e830-line-height:1.2em;--e-global-typography-d407dbb-font-family:"Montserrat";--e-global-typography-d407dbb-font-size:0.813rem;--e-global-typography-d407dbb-font-weight:400;--e-global-typography-d407dbb-text-decoration:underline;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-67 button,.elementor-kit-67 input[type="button"],.elementor-kit-67 input[type="submit"],.elementor-kit-67 .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 );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-a2e875e );border-style:solid;border-width:0px 0px 0px 0px;border-radius:30px 30px 30px 30px;padding:15px 25px 15px 25px;}.elementor-kit-67 button:hover,.elementor-kit-67 button:focus,.elementor-kit-67 input[type="button"]:hover,.elementor-kit-67 input[type="button"]:focus,.elementor-kit-67 input[type="submit"]:hover,.elementor-kit-67 input[type="submit"]:focus,.elementor-kit-67 .elementor-button:hover,.elementor-kit-67 .elementor-button:focus{background-color:var( --e-global-color-84ab9b4 );color:var( --e-global-color-a2e875e );}.elementor-kit-67 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-67 a{color:var( --e-global-color-secondary );}.elementor-kit-67 a:hover{color:var( --e-global-color-accent );}.elementor-kit-67 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-5fbee93-font-family ), Sans-serif;font-size:var( --e-global-typography-5fbee93-font-size );font-weight:var( --e-global-typography-5fbee93-font-weight );line-height:var( --e-global-typography-5fbee93-line-height );}.elementor-kit-67 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-8ddc8ab-font-family ), Sans-serif;font-size:var( --e-global-typography-8ddc8ab-font-size );font-weight:var( --e-global-typography-8ddc8ab-font-weight );line-height:var( --e-global-typography-8ddc8ab-line-height );}.elementor-kit-67 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-cdb430a-font-family ), Sans-serif;font-size:var( --e-global-typography-cdb430a-font-size );font-weight:var( --e-global-typography-cdb430a-font-weight );line-height:var( --e-global-typography-cdb430a-line-height );}.elementor-kit-67 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-9fa221a-font-family ), Sans-serif;font-size:var( --e-global-typography-9fa221a-font-size );font-weight:var( --e-global-typography-9fa221a-font-weight );line-height:var( --e-global-typography-9fa221a-line-height );}.elementor-kit-67 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-fd78c8f-font-family ), Sans-serif;font-size:var( --e-global-typography-fd78c8f-font-size );font-weight:var( --e-global-typography-fd78c8f-font-weight );line-height:var( --e-global-typography-fd78c8f-line-height );}.elementor-kit-67 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-95652f2-font-family ), Sans-serif;font-size:var( --e-global-typography-95652f2-font-size );font-weight:var( --e-global-typography-95652f2-font-weight );line-height:var( --e-global-typography-95652f2-line-height );}.elementor-kit-67 label{color:var( --e-global-color-text );}.elementor-kit-67 input:not([type="button"]):not([type="submit"]),.elementor-kit-67 textarea,.elementor-kit-67 .elementor-field-textual{border-radius:0px 0px 0px 0px;transition:0ms;padding:15px 30px 15px 30px;}.elementor-kit-67 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-67 textarea:focus,.elementor-kit-67 .elementor-field-textual:focus{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-67{--e-global-typography-5fbee93-line-height:0.9em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-67 h1{font-size:var( --e-global-typography-5fbee93-font-size );line-height:var( --e-global-typography-5fbee93-line-height );}.elementor-kit-67 h2{font-size:var( --e-global-typography-8ddc8ab-font-size );line-height:var( --e-global-typography-8ddc8ab-line-height );}.elementor-kit-67 h3{font-size:var( --e-global-typography-cdb430a-font-size );line-height:var( --e-global-typography-cdb430a-line-height );}.elementor-kit-67 h4{font-size:var( --e-global-typography-9fa221a-font-size );line-height:var( --e-global-typography-9fa221a-line-height );}.elementor-kit-67 h5{font-size:var( --e-global-typography-fd78c8f-font-size );line-height:var( --e-global-typography-fd78c8f-line-height );}.elementor-kit-67 h6{font-size:var( --e-global-typography-95652f2-font-size );line-height:var( --e-global-typography-95652f2-line-height );}.elementor-kit-67 button,.elementor-kit-67 input[type="button"],.elementor-kit-67 input[type="submit"],.elementor-kit-67 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );padding:16px 30px 16px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-67{--e-global-typography-5fbee93-font-size:3.4rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-67 h1{font-size:var( --e-global-typography-5fbee93-font-size );line-height:var( --e-global-typography-5fbee93-line-height );}.elementor-kit-67 h2{font-size:var( --e-global-typography-8ddc8ab-font-size );line-height:var( --e-global-typography-8ddc8ab-line-height );}.elementor-kit-67 h3{font-size:var( --e-global-typography-cdb430a-font-size );line-height:var( --e-global-typography-cdb430a-line-height );}.elementor-kit-67 h4{font-size:var( --e-global-typography-9fa221a-font-size );line-height:var( --e-global-typography-9fa221a-line-height );}.elementor-kit-67 h5{font-size:var( --e-global-typography-fd78c8f-font-size );line-height:var( --e-global-typography-fd78c8f-line-height );}.elementor-kit-67 h6{font-size:var( --e-global-typography-95652f2-font-size );line-height:var( --e-global-typography-95652f2-line-height );}.elementor-kit-67 button,.elementor-kit-67 input[type="button"],.elementor-kit-67 input[type="submit"],.elementor-kit-67 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-67 input:not([type="button"]):not([type="submit"]),.elementor-kit-67 textarea,.elementor-kit-67 .elementor-field-textual{padding:15px 20px 15px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.story-carousel {
  position: relative;
  width: 320px;
  height: 568px;
  overflow: hidden;
  margin: auto;
  border-radius: 20px;
  box-shadow: 0 15px 30px rgba(0,0,0,0.3);
  background: black;
}

.story {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.8s ease-in-out;
}

.story.active {
  left: 0;
  opacity: 1;
  z-index: 2;
  transform: scale(1);
}

.story.prev {
  left: -100%;
  opacity: 0;
  z-index: 1;
  transform: scale(0.95);
}

.story img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

/* HEADER + Barre + Avatar */
.story-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: 10px;
  box-sizing: border-box;
}

.progress-bar {
  height: 4px;
  background: rgba(255,255,255,0.3);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 10px;
}

.progress {
  height: 100%;
  width: 0%;
  background: white;
  animation: none;
}

.story-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.avatar img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid white;
}

.username {
  color: white;
  font-weight: 600;
  font-size: 14px;
}

.story-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dots, .close {
  color: white;
  font-size: 20px;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
}

@keyframes fill {
  0% { width: 0%; }
  100% { width: 100%; }
}










.elementor-kit-67 {
  position: relative;
  z-index: 1;
}



<style>
.button-tag {
  background-color: #e2d4fb;
  color: black;
  padding: 6px 16px;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  font-family: sans-serif;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
</style>













.emoji-bubbles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 9999;
}

.bubble {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: floatUp 15s linear infinite;
  transition: transform 0.3s ease, opacity 0.3s ease;
  pointer-events: auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(3px);
}

.bubble img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}

.bubble:hover {
  animation: explode 0.4s forwards, reappear 4s 0.5s forwards;
}

@keyframes floatUp {
  0% {
    transform: translateY(100vh) translateX(0px) scale(1);
    opacity: 0.8;
  }
  50% {
    transform: translateY(50vh) translateX(20px) scale(1.1);
    opacity: 1;
  }
  100% {
    transform: translateY(-10vh) translateX(-20px) scale(1);
    opacity: 0.8;
  }
}

@keyframes explode {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes reappear {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Position aléatoire sur l'axe X et délai différent */
.bubble:nth-child(1) { left: 15%; animation-delay: 0s; }
.bubble:nth-child(2) { left: 35%; animation-delay: 5s; }
.bubble:nth-child(3) { left: 55%; animation-delay: 10s; }
.bubble:nth-child(4) { left: 75%; animation-delay: 2.5s; }/* End custom CSS */