.mmsaas-whatsapp-float {
  position: fixed;
  inset-inline-end: max(0.85rem, env(safe-area-inset-right, 0px));
  bottom: max(1.05rem, calc(0.85rem + env(safe-area-inset-bottom, 0px)));
  z-index: 140;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.15rem;
  height: 3.15rem;
  border-radius: 999px;
  background: #25d366;
  color: #fff;
  text-decoration: none;
  box-shadow:
    0 10px 24px rgba(37, 211, 102, 0.42),
    0 2px 8px rgba(15, 23, 42, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.mmsaas-whatsapp-float:hover,
.mmsaas-whatsapp-float:focus-visible {
  transform: translateY(-2px) scale(1.04);
  background: #20bd5a;
  box-shadow:
    0 14px 28px rgba(37, 211, 102, 0.48),
    0 4px 12px rgba(15, 23, 42, 0.14);
  color: #fff;
}

.mmsaas-whatsapp-float:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.mmsaas-whatsapp-float-icon {
  display: block;
  flex-shrink: 0;
}

.mmsaas-whatsapp-float--pricing {
  bottom: calc(3.15rem + env(safe-area-inset-bottom, 0px));
}

.mmsaas-whatsapp-float--docs {
  bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
}

.mmsaas-whatsapp-float--home {
  bottom: max(1.05rem, calc(0.85rem + env(safe-area-inset-bottom, 0px)));
}

@media (min-width: 961px) {
  .mmsaas-whatsapp-float--pricing,
  .mmsaas-whatsapp-float--docs,
  .mmsaas-whatsapp-float--home {
    bottom: max(1.05rem, calc(0.85rem + env(safe-area-inset-bottom, 0px)));
  }
}

@media (max-width: 1024px) {
  body.home:not(.logged-in) .mmsaas-whatsapp-float--home {
    bottom: calc(5.35rem + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 960px) {
  body:has(.mmsaas-whatsapp-float) .mm-home-carousel.is-active {
    padding-bottom: 0.35rem;
  }

  body:has(.mmsaas-whatsapp-float) .mm-home-carousel.is-active .mm-home-carousel-dots {
    margin-bottom: 3.35rem;
  }

  body:has(.mmsaas-whatsapp-float) .mm-pricing-offers-cards {
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 961px) {
  .mmsaas-whatsapp-float {
    width: 3.5rem;
    height: 3.5rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .mmsaas-whatsapp-float {
    animation: mmsaas-whatsapp-pulse 2.8s ease-in-out infinite;
  }

  .mmsaas-whatsapp-float:hover,
  .mmsaas-whatsapp-float:focus-visible {
    animation: none;
  }
}

@keyframes mmsaas-whatsapp-pulse {
  0%,
  100% {
    box-shadow:
      0 10px 24px rgba(37, 211, 102, 0.42),
      0 2px 8px rgba(15, 23, 42, 0.12);
  }

  50% {
    box-shadow:
      0 10px 24px rgba(37, 211, 102, 0.42),
      0 2px 8px rgba(15, 23, 42, 0.12),
      0 0 0 10px rgba(37, 211, 102, 0.14);
  }
}