/* ==========================================================================
   RMarin · WhatsApp button
   Floating WhatsApp button.
   ========================================================================== */

/* ---------- WhatsApp floating button ---------- */
.whatsapp-float {
  position: fixed;
  right: 16px;
  bottom: max(16px, calc(34 * var(--u)));
  z-index: 40;
  width: max(56px, calc(76 * var(--u)));
  height: max(56px, calc(76 * var(--u)));
  border-radius: 50%;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.25));
  transition: transform var(--duration) var(--ease);
}

.whatsapp-float svg {
  width: 100%;
  height: 100%;
}

.whatsapp-float:hover {
  transform: scale(1.08);
}

@media (min-width: 768px) {
  .whatsapp-float { right: max(16px, calc(110 * var(--u))); }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-float:hover {
    transform: none;
  }
}