.exp-coupon{background:var(--app-success-bg);border:2px dashed var(--app-success);text-align:start;border-radius:14px;max-width:30rem;margin-inline:auto;display:flex}.exp-coupon__amount{border-inline-end:2px dashed var(--app-success);color:var(--app-success-fg);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:12px 22px;display:flex}.exp-coupon__num{font-family:var(--app-font-display);font-size:34px;font-weight:800;line-height:1}.exp-coupon__off{margin-block-start:4px;font-size:14px;font-weight:700}.exp-coupon__text{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:12px 18px;display:flex}.exp-coupon__text>strong{color:var(--app-text);font-size:16px}.exp-coupon__text>span{color:var(--app-text-muted);font-size:14px}@media screen and (width<=500px){.exp-coupon__amount{padding-inline:14px}.exp-coupon__num{font-size:30px}.exp-coupon__text{min-width:0;padding-inline:12px}}.exp-coupon.is-spent{background:var(--app-surface-2);border-color:var(--app-border-strong)}.exp-coupon.is-spent .exp-coupon__amount{border-inline-end-color:var(--app-border-strong);color:var(--app-text-muted)}.exp-coupon.is-spent .exp-coupon__text strong{color:var(--app-text-muted);text-decoration:line-through}