.wa-fab {
  position: fixed; bottom: 2rem; right: 2rem; z-index: 999;
  background: var(--c-50); color: var(--white);
  height: 56px; min-width: 56px; border-radius: 28px;
  display: flex; align-items: center; justify-content: center; gap: 0;
  box-shadow: 0 4px 20px rgba(47,184,126,0.4);
  transition: all 0.35s ease; overflow: hidden; padding: 0 16px;
  animation: waPulse 2.5s ease-in-out infinite;
}
.wa-fab:hover { min-width: auto; gap: 0.625rem; padding: 0 1.5rem; animation: none; box-shadow: 0 8px 28px rgba(47,184,126,0.55); transform: translateY(-2px); }
.wa-fab svg { flex-shrink: 0; width: 24px; height: 24px; }
.wa-fab-txt { font-size: 0.85rem; font-weight: 700; white-space: nowrap; max-width: 0; overflow: hidden; transition: max-width 0.35s ease, opacity 0.3s ease; opacity: 0; }
.wa-fab:hover .wa-fab-txt { max-width: 200px; opacity: 1; }
@keyframes waPulse { 0%,100%{box-shadow:0 4px 20px rgba(47,184,126,0.4)} 50%{box-shadow:0 4px 32px rgba(47,184,126,0.65)} }

@media (max-width: 640px) {
  .wa-fab { bottom: 1.25rem; right: 1.25rem; }
}