.whatsapp-fab {
  position: fixed; bottom: var(--space-5); right: var(--space-5); z-index: 90;
  display: flex; align-items: center; gap: var(--space-3);
  background: var(--whatsapp); color: #fff;
  border-radius: var(--radius-pill); padding: 12px 18px 12px 14px;
  font-family: var(--font-display); font-size: 14px; font-weight: 600;
  transition: transform 200ms;
}

.whatsapp-fab:hover { transform: translateY(-2px); color: #fff; }
.whatsapp-fab svg   { width: 22px; height: 22px; flex-shrink: 0; fill: currentColor; }

.fab-label { display: none; }

@media (min-width: 768px) { .fab-label { display: inline; } }