.whatsapp-widget {
  --wa-color-brand-green-vivid: #43CD66;
  --wa-color-brand-green-dark: #103928;
  --wa-color-ink: #111B21;
  --wa-color-gray-muted: #676F73;
  --wa-color-gray-border: #C4D0D4;
  --wa-color-white: #FFFFFF;
  --wa-color-surface-cream: #FCF5EB;
  --wa-color-surface-green-pale: #E6FFDA;
  --wa-color-surface-green-soft: #D8F4CC;
  --wa-color-surface-dark: #111B21;
  --wa-color-danger: #DC3545;
  --wa-color-danger-deep: #B80531;
  --wa-color-danger-surface: #FDE8EB;
  --wa-color-success: #0A7C1F;

  --wa-font-brand: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --wa-font-weight-regular: 400;
  --wa-font-weight-medium: 500;
  --wa-line-tight: 1;
  --wa-line-heading: 120%;
  --wa-line-body: 144%;
  --wa-font-size-xs: .75rem;
  --wa-font-size-sm: .875rem;
  --wa-font-size-md: 1rem;
  --wa-font-size-xl: 1.25rem;
  --wa-font-size-2xl: 1.5rem;

  --wa-space-4: 4px;
  --wa-space-6: 6px;
  --wa-space-8: 8px;
  --wa-space-10: 10px;
  --wa-space-12: 12px;
  --wa-space-14: 14px;
  --wa-space-16: 16px;
  --wa-space-20: 20px;
  --wa-space-24: 24px;
  --wa-space-32: 32px;
  --wa-space-34: 34px;
  --wa-space-48: 48px;
  --wa-space-56: 56px;
  --wa-space-60: 60px;

  --wa-radius-lg: 12px;
  --wa-radius-2xl: 24px;
  --wa-radius-pill: 50px;
  --wa-radius-pill-lg: 100px;
  --wa-radius-circle: 50%;

  --wa-shadow-popover: 0 10px 30px #0003, 0 4px 6px #0000001A;

  position: fixed;
  right: var(--wa-space-20);
  bottom: var(--wa-space-20);
  z-index: 1000;
  color: var(--wa-color-ink);
  font-family: var(--wa-font-brand);
  isolation: isolate;
  contain: layout style;
}

.whatsapp-widget *,
.whatsapp-widget *::before,
.whatsapp-widget *::after {
  box-sizing: border-box;
}

.whatsapp-widget__button {
  all: unset;
  appearance: none;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  line-height: 0;
}

.whatsapp-widget__button:hover,
.whatsapp-widget__button:active {
  background: transparent;
  box-shadow: none;
}

.whatsapp-widget__button:focus-visible {
  outline: 2px solid var(--wa-color-brand-green-vivid);
  outline-offset: 3px;
}

.whatsapp-widget__icon {
  display: block;
  width: var(--wa-space-60);
  height: var(--wa-space-60);
  max-width: none;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: contain;
  transition: transform 160ms ease;
}

.whatsapp-widget__button:hover .whatsapp-widget__icon {
  transform: translateY(-2px);
}

@media (max-width: 480px) {
  .whatsapp-widget {
    right: var(--wa-space-16);
    bottom: var(--wa-space-16);
  }
}

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

  .whatsapp-widget__button:hover .whatsapp-widget__icon {
    transform: none;
  }
}