.wa-float { position: fixed; right: 20px; bottom: 20px; z-index: 9990; display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px 12px 14px; background: #25d366; color: #fff !important; border-radius: 999px; font: 600 14px/1 'Inter', system-ui, sans-serif; text-decoration: none !important; box-shadow: 0 8px 24px rgba(0,0,0,.25); transition: transform .2s, box-shadow .2s, background .2s; }
.wa-float:hover { background: #1ebe5a; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.3); }
.wa-float svg { width: 26px; height: 26px; flex: none; }
@media (max-width: 560px) { .wa-float { right: 14px; bottom: 14px; padding: 12px; } .wa-float span { display: none; } }