/* Contact shortcut shared by the public pages. */
.whatsapp-float {
  position: fixed;
  right: calc(env(safe-area-inset-right, 0px) + clamp(1rem, 2.2vw, 2rem));
  bottom: calc(env(safe-area-inset-bottom, 0px) + clamp(.75rem, 2.2vw, 2rem));
  z-index: 4;
  display: grid;
  place-items: center;
  width: clamp(3.5rem, 5vw, 4rem);
  height: clamp(3.5rem, 5vw, 4rem);
  border: 1px solid rgb(255 255 255 / .4);
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 5px 20px rgb(8 86 40 / .25);
  text-decoration: none;
  transition: transform 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
}
.whatsapp-float__icon { width: 55%; height: 55%; background: currentColor; mask: url('assets/icons/whatsapp.svg') center / contain no-repeat; }
.whatsapp-float:hover { background: #1dbb59; transform: translateY(-3px); box-shadow: 0 8px 24px rgb(8 86 40 / .3); }
.whatsapp-float:active { transform: scale(.96); }
.whatsapp-float:focus-visible { outline: 3px solid #142b41; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float { transition: none; }
  .whatsapp-float:hover, .whatsapp-float:active { transform: none; }
}