#whatsapp-float {
  --whatsapp-edge: 20px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  right: max(var(--whatsapp-edge), env(safe-area-inset-right, 0px));
  bottom: calc(var(--whatsapp-clearance, 0px) + max(var(--whatsapp-edge), env(safe-area-inset-bottom, 0px)));
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  max-width: calc(100vw - 40px);
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 10px;
  background: #128547;
  color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .22);
  font: 700 14px/1.25 system-ui, sans-serif;
  text-decoration: none;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
#whatsapp-float svg { width: 28px; height: 28px; flex: none; }
#whatsapp-float:hover { background: #096c36; }
#whatsapp-float:focus-visible { outline: 3px solid #351b0f; outline-offset: 3px; box-shadow: 0 0 0 3px #fff; }
/* Leave room to scroll the final form controls clear of the shortcut. */
dialog.whatsapp-shortcut-host:not(#image-zoom) { padding-bottom: 92px; }
@media (max-width: 550px) {
  #whatsapp-float { --whatsapp-edge: 12px; right: 12px; bottom: 12px; right: max(var(--whatsapp-edge), env(safe-area-inset-right, 0px)); bottom: calc(var(--whatsapp-clearance, 0px) + max(var(--whatsapp-edge), env(safe-area-inset-bottom, 0px))); padding: 9px 12px; font-size: 13px; }
  #whatsapp-float svg { width: 26px; height: 26px; }
  .toast { bottom: 80px; bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
}