.ab-subscription {
  box-sizing: border-box;
  width: min(380px, calc(100vw - 32px));
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 28px;
  margin: auto;
  border: 1px solid #373e51;
  border-radius: 22px;
  background: #171c29;
  color: #f4f6fb;
  box-shadow: 0 24px 80px #0008;
  font: 15px/1.5 system-ui, sans-serif;
  text-align: center;
}
.ab-subscription::backdrop { background: #090d18b8; }
.ab-subscription h2 { margin: 0 0 12px; font-size: 23px; color: #fff; }
.ab-subscription p { margin: 0 0 22px; color: #cbd2e5; }
.ab-subscription a, .ab-subscription button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 0;
  padding: 12px 16px;
  border: 1px solid #404a65;
  border-radius: 12px;
  background: #252d42;
  color: #f4f6fb;
  font: 600 15px/1.4 system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.ab-subscription .ab-subscription-join { background: #5a48d5; border-color: #806dec; }
.ab-subscription .ab-subscription-close { background: transparent; border-color: transparent; }
.ab-subscription :focus-visible { outline: 3px solid #b4a6ff; outline-offset: 3px; }
.ab-subscription button:disabled { opacity: .6; cursor: wait; }
.ab-subscription [hidden] { display: none; }