.mb-subpage-whatsapp {
  position: fixed;
  right: max(15px, env(safe-area-inset-right));
  bottom: max(17px, calc(env(safe-area-inset-bottom) + 10px));
  z-index: 9990;
  display: block;
  width: 46px;
  height: 46px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 50%;
  background: #171310;
  box-shadow: 0 6px 18px rgb(10 8 7 / 20%);
  text-decoration: none;
  transform: translateZ(0);
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms ease;
}

.mb-subpage-whatsapp:hover,
.mb-subpage-whatsapp:focus-visible {
  box-shadow: 0 8px 22px rgb(10 8 7 / 25%);
  transform: translate3d(0, -1px, 0);
}

.mb-subpage-whatsapp:active {
  transform: scale(0.97);
}

.mb-subpage-whatsapp:focus-visible {
  outline: 1px solid var(--color-bronze-hell, #d8a964);
  outline-offset: 3px;
}

.mb-subpage-whatsapp__portrait,
.mb-subpage-whatsapp__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.mb-subpage-whatsapp__portrait {
  overflow: hidden;
}

.mb-subpage-whatsapp__portrait img {
  object-fit: cover;
  object-position: center;
}

body:has(div.fixed.inset-0 nav) .mb-subpage-whatsapp {
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 639px) {
  .mb-subpage-whatsapp {
    right: max(13px, env(safe-area-inset-right));
    bottom: max(15px, calc(env(safe-area-inset-bottom) + 9px));
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mb-subpage-whatsapp {
    transition: none;
  }
}