.wa-float { position: fixed; bottom: 28px; right: 28px; z-index: 999; display: flex; align-items: center; gap: 10px; background: #25d366; color: #fff; text-decoration: none; padding: 0.75rem 1.2rem 0.75rem 1rem; border-radius: 980px; font-size: 0.88rem; font-weight: 500; box-shadow: 0 4px 20px rgba(37,211,102,0.35); transition: transform 0.2s, box-shadow 0.2s; animation: wa-in 0.6s ease 0.8s both; }
.wa-float:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(37,211,102,0.45); }
@media (max-width: 580px) { .wa-float span { display: none; } .wa-float { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); padding: 0.85rem; border-radius: 50%; } }