/* Schwebender WhatsApp-Button – reiner Link, lädt nichts von Dritten */
.wa-button {
  position: fixed;
  right: calc(20px + env(safe-area-inset-right, 0px));
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 56px;
  padding: 0 16px;
  border-radius: 28px;
  background: #25d366;
  color: #fff;
  font: 600 0.92rem/1 "Inter Tight", "DM Sans", "Segoe UI", system-ui, sans-serif;
  text-decoration: none;
  box-shadow: 0 10px 28px -8px rgba(0, 0, 0, 0.45);
  transition: transform .2s, box-shadow .2s, background .2s;
}
.wa-button:hover { transform: translateY(-2px); background: #1ebe5b; box-shadow: 0 14px 32px -8px rgba(0, 0, 0, 0.5); }
.wa-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.wa-button svg { width: 26px; height: 26px; flex: none; }

/* Auf dem Handy nur das Symbol */
@media (max-width: 600px) {
  .wa-button { width: 56px; padding: 0; justify-content: center; }
  .wa-button span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .wa-button { transition: none; }
}