.whatsapp-float { position: fixed; z-index: 40; right: calc(24px + env(safe-area-inset-right, 0px)); bottom: calc(24px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 1px solid #ffffff80; border-radius: 50%; background: #25d366; color: #fff; box-shadow: 0 5px 20px #143d3433; touch-action: manipulation; transition: transform 180ms, background-color 180ms, box-shadow 180ms; }
.whatsapp-float[hidden] { display: none; }
.whatsapp-float svg { width: 32px; height: 32px; pointer-events: none; }
.whatsapp-float:hover { transform: translateY(-2px); background: #20bd5a; box-shadow: 0 7px 24px #143d3440; }
.whatsapp-float:active { transform: translateY(0); }
.whatsapp-float:focus-visible { outline: 3px solid #15365d; outline-offset: 4px; }
.whatsapp-float.is-above-footer { bottom: calc(24px + var(--whatsapp-footer-space, 80px) + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 580px) {
  .whatsapp-float { right: calc(16px + env(safe-area-inset-right, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: 54px; height: 54px; }
  .whatsapp-float svg { width: 30px; height: 30px; }
  .whatsapp-float.is-above-footer { bottom: calc(16px + var(--whatsapp-footer-space, 80px) + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float { transition: none; }
  .whatsapp-float:hover { transform: none; }
}