.floating-whatsapp {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 50;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px 11px 11px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: #173f35;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
  color: #fff;
  font: 600 14px/1.2 Inter, sans-serif;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.floating-whatsapp-icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
}
.floating-whatsapp-icon svg {
  width: 20px;
  height: 20px;
}
.floating-whatsapp:hover { transform: translateY(-2px); background: #205648; box-shadow: 0 14px 34px rgba(0, 0, 0, .28); }
.floating-whatsapp:focus-visible { outline: 3px solid #d5b96f; outline-offset: 3px; }
@media (max-width: 520px) {
  .floating-whatsapp { right: max(14px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); padding: 10px; }
  .floating-whatsapp strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .floating-whatsapp-icon { width: 34px; height: 34px; }
  .floating-whatsapp-icon svg { width: 22px; height: 22px; }
}