#coupon-form {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  margin: .5rem 0;
  border: 1px solid var(--light1);
  border-radius: .5rem;
  background: var(--dark2);
  color: var(--light2);
}
#coupon-form label { display: block; margin-bottom: .6rem; font-size: 1.2rem; }
#coupon-form .coupon-controls { display: flex; flex-wrap: wrap; gap: .5rem; background: transparent; padding: 0; cursor: default; }
#coupon-form .coupon-controls:active { scale: 1; }
#coupon-code { flex: 1 1 10rem; min-width: 0; width: 100%; }
#coupon-form input, #coupon-form button {
  box-sizing: border-box;
  min-height: 44px;
  padding: .6rem .75rem;
  border: 1px solid var(--light1);
  border-radius: .35rem;
  font: inherit;
  background: var(--dark1);
  color: var(--light2);
}
#coupon-form button { cursor: pointer; flex: 0 1 auto; }
#coupon-form :is(input, button):focus-visible { outline: 2px solid var(--light2); outline-offset: 2px; }
#coupon-status { margin: .75rem 0 0; line-height: 1.5; overflow-wrap: anywhere; }
#coupon-status:empty { display: none; }
html[data-theme="vanta"] #coupon-form { background: var(--vanta-card); border-color: var(--vanta-border); color: var(--vanta-text); }
html[data-theme="vanta"] #coupon-form input { background: var(--vanta-background); color: var(--vanta-text); border-color: var(--vanta-border); }
html[data-theme="vanta"] #coupon-form button { background: var(--vanta-accent); color: var(--vanta-background); border-color: var(--vanta-accent); }