.whatsapp-float {
  position: fixed;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 25;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid rgb(255 255 255 / 40%);
  border-radius: 50%;
  background: #087c46;
  color: white;
  box-shadow: 0 4px 16px rgb(0 0 0 / 24%);
}
.whatsapp-float:hover { background: #07683b; }
.whatsapp-float:focus-visible { outline: 3px solid #087c46; outline-offset: 3px; }
.whatsapp-float--left { left: calc(18px + env(safe-area-inset-left, 0px)); }
.whatsapp-float--right { right: calc(18px + env(safe-area-inset-right, 0px)); }
.whatsapp-float--center { left: 50%; transform: translateX(-50%); }
body.has-whatsapp-float > footer { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }