.ayp-whatsapp-float { position: fixed; z-index: 90; bottom: max(18px, env(safe-area-inset-bottom)); width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: #111; color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.24); transition: transform .2s ease, background-color .2s ease; }
.ayp-whatsapp-float:hover { transform: translateY(-2px); background: #242424; }
.ayp-whatsapp-float.is-right { right: max(16px, env(safe-area-inset-right)); }
.ayp-whatsapp-float.is-left { left: max(16px, env(safe-area-inset-left)); }
.ayp-whatsapp-float svg { width: 25px; height: 25px; }
@media (min-width: 760px) { .ayp-whatsapp-float { width: 52px; height: 52px; bottom: 24px; } .ayp-whatsapp-float.is-right { right: 24px; } .ayp-whatsapp-float.is-left { left: 24px; } }
@media print { .ayp-whatsapp-float { display: none; } }