.savio-whatsapp-button {
  position: fixed;
  right: max(20px, env(safe-area-inset-right, 0px));
  bottom: max(20px, env(safe-area-inset-bottom, 0px));
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 48px;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: #5B258F;
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(12, 28, 20, 0.22);
  font: inherit;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.savio-whatsapp-button:hover {
  background: #8D48F6;
  box-shadow: 0 10px 28px rgba(12, 28, 20, 0.28);
  transform: translateY(-2px);
}

.savio-whatsapp-button:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #8D48F6, 0 8px 24px rgba(12, 28, 20, 0.22);
}

.savio-whatsapp-button__icon {
  display: block;
  width: 23px;
  height: 23px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.savio-whatsapp-button__label {
  white-space: nowrap;
}

body:has(.savio-chatgpt-consent) .savio-whatsapp-button {
  bottom: max(336px, 50vh);
}

@media (max-width: 767px) {
  .savio-whatsapp-button {
    right: max(14px, env(safe-area-inset-right, 0px));
    bottom: max(14px, env(safe-area-inset-bottom, 0px));
    gap: 8px;
    min-height: 50px;
    padding: 13px 16px;
  }
}

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

  .savio-whatsapp-button:hover {
    transform: none;
  }
}