#exit-popup[hidden] {
  display: none;
}

#exit-popup {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  background: rgb(38 27 20 / 0.62);
}

.exit-popup__card {
  position: relative;
  width: min(100%, 26.25rem);
  padding: 2rem 1.625rem 1.5rem;
  border: 1px solid hsl(var(--border));
  border-radius: 1.25rem;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  text-align: center;
  box-shadow: 0 1.5rem 3.75rem rgb(0 0 0 / 0.35);
}

.exit-popup__icon {
  display: block;
  margin-bottom: 0.625rem;
  font-size: 2.75rem;
}

.exit-popup__title {
  margin: 0;
  font-family: Quicksand, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
}

.exit-popup__copy {
  margin: 0.625rem 0 0;
  color: hsl(var(--muted-foreground));
  line-height: 1.5;
}

.exit-popup__price {
  margin: 1.25rem 0;
  padding: 0.875rem;
  border-radius: 0.875rem;
  background: hsl(var(--primary) / 0.1);
}

.exit-popup__old-price {
  color: hsl(var(--muted-foreground));
  text-decoration: line-through;
}

.exit-popup__new-price {
  margin-left: 0.5rem;
  color: hsl(var(--primary));
  font-family: Quicksand, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
}

.exit-popup__note {
  display: block;
  margin-top: 0.25rem;
  color: hsl(var(--muted-foreground));
  font-size: 0.8125rem;
}

.exit-popup__claim {
  width: 100%;
  border: 0;
  border-radius: 9999px;
  padding: 1rem;
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  font-family: Quicksand, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 0.75rem 1.75rem hsl(var(--primary) / 0.25);
}

.exit-popup__dismiss,
.exit-popup__close {
  border: 0;
  background: transparent;
  color: hsl(var(--muted-foreground));
  cursor: pointer;
}

.exit-popup__dismiss {
  display: inline-block;
  margin-top: 0.875rem;
  text-decoration: underline;
}

.exit-popup__close {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  padding: 0.5rem;
  font-size: 1.5rem;
  line-height: 1;
}