.herbie-float-wa { position: fixed; bottom: 24px; right: 24px; z-index: 9999; display: inline-flex; align-items: center; gap: 10px; background: #059669; color: #ffffff; padding: 12px 20px; border-radius: 9999px; font-size: 0.875rem; font-weight: 700; box-shadow: 0 8px 24px rgba(5, 150, 105, 0.4); text-decoration: none; transition: transform 0.2s ease; }
.herbie-float-wa:hover { background: #047857; transform: translateY(-2px); }
.herbie-float-wa-icon { display: flex; align-items: center; }
@media (max-width: 580px) { .herbie-float-wa-text { display: none; } }
@media (max-width: 580px) { .herbie-float-wa { padding: 14px; border-radius: 50%; bottom: 18px; right: 18px; } }