.elementor-8369 .elementor-element.elementor-element-585f19f9{--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-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons{--e-contact-buttons-button-icon:#FFFFFF;--e-contact-buttons-button-bg:#000000;--e-contact-buttons-transition-duration:0.3s;}/* Start custom CSS for contact-buttons-var-9, class: .elementor-element-13c24a70 *//* BUTTON */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;

  width: fit-content !important;
  height: auto !important;
  min-height: 52px;
  padding: 16px 24px !important;

  color: #442724 !important;
  background: linear-gradient(
    110deg,
    #f56f8c 0%,
    #ffabc0 50%,
    #ef7fa5 100%
  ) !important;
  background-size: 200% 100% !important;
  background-position: 0% 50% !important;

  border: 1px solid #f56f8c !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 16px rgb(180 65 100 / 12%) !important;
  filter: none !important;
  text-decoration: none !important;
  animation: none !important;
  transform: none;

  transition:
    background-position 400ms ease,
    transform 250ms ease,
    box-shadow 250ms ease;
}

/* RESET THE TEMPLATE'S ICON AND TEXT CONTAINERS */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span {
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;

  transform: none !important;
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* REMOVE THE TEMPLATE'S DECORATIVE LAYERS */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button::before,
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button::after,
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span::before,
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span::after {
  content: none !important;
}

/* CALENDAR ICON CONTAINER */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button
.e-contact-buttons__chat-button-icon-container {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

/* HIDE THE ORIGINAL PHONE ICON */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button-icon-container svg,
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button-icon-container i {
  display: none !important;
}

/* CALENDAR WITH CHECK MARK */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button
.e-contact-buttons__chat-button-icon-container::before {
  --l42-calendar: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='16'%20rx='2'/%3E%3Cpath%20d='M16%203v4M8%203v4M3%2011h18M9%2016l2%202%204-4'/%3E%3C/svg%3E");

  content: "" !important;
  display: block !important;
  position: static !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  margin: 0 !important;
  padding: 0 !important;

  background: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;

  -webkit-mask: var(--l42-calendar) center / contain no-repeat;
  mask: var(--l42-calendar) center / contain no-repeat;
}

/* EXPANDING TEXT */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span:last-child {
  display: block !important;
  flex: 0 1 auto !important;
  width: max-content !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-indent: 12px;

  animation: l42-floating-reveal 6s ease-in-out infinite !important;
}

/* STOP NESTED TEXT FROM ANIMATING SEPARATELY */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span:last-child * {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

@keyframes l42-floating-reveal {
  0%, 15%, 100% {
    max-width: 0;
  }
  30%, 80% {
    max-width: 28ch;
  }
}

/* KEEP TEXT OPEN DURING INTERACTION */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button:hover > span:last-child,
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button:focus > span:last-child {
  max-width: 28ch !important;
}

/* HOVER LIFT AND GRADIENT SHIFT */
@media (hover: hover) and (pointer: fine) {
  .elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button:hover {
    background-position: 100% 50% !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgb(180 65 100 / 20%) !important;
  }
}

/* KEYBOARD FOCUS */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button:focus-visible {
  outline: 3px solid #442724;
  outline-offset: 4px;
}

/* REDUCED MOTION: KEEP THE COMPLETE BUTTON VISIBLE */
@media (prefers-reduced-motion: reduce) {
  .elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button {
    transition: none !important;
    transform: none !important;
  }

  .elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span:last-child {
    animation: none !important;
    max-width: none !important;
  }
}
/* Replace the automatic loop with hover-only expansion */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span:last-child {
  animation: none !important;
  max-width: 0;
  transition: max-width 300ms ease !important;
}

/* Open while hovered or keyboard-focused */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button:hover > span:last-child,
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button:focus-visible > span:last-child {
  max-width: 28ch !important;
}

/* Collapse after a mouse click when the pointer leaves */
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button:focus:not(:focus-visible):not(:hover)
> span:last-child {
  max-width: 0 !important;
}

/* Touchscreens: keep the label visible */
@media (hover: none) {
  .elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span:last-child {
    max-width: 28ch !important;
  }
}
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span:last-child,
.elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span:last-child * {
  font-size: clamp(1rem, 0.9286rem + 0.1905vw, 1.1rem) !important;
  font-weight: 600 !important;
}
/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .elementor-8369 .elementor-element.elementor-element-13c24a70 .e-contact-buttons__chat-button > span:last-child {
    transition: none !important;
  }
  
}/* End custom CSS */