.promo-coupon{--stub:96px;--notch:9px;grid-template-columns:var(--stub) minmax(0, 1fr);background:var(--color-navy);color:#fff;-webkit-mask:radial-gradient(circle var(--notch) at var(--stub) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--stub) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at var(--stub) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--stub) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at var(--stub) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--stub) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;border-radius:12px;display:grid;position:relative;overflow:hidden}.promo-coupon:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 40%,#ffffff1f 50%,#0000 60%);animation:2.8s 1s 2 promo-coupon-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes promo-coupon-shine{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.promo-coupon:after{animation:none}}.promo-coupon__stub{border-right:2px dashed #ffffff59;flex-direction:column;justify-content:center;align-items:center;padding:14px 6px;display:flex}.promo-coupon__amount{letter-spacing:-.03em;color:var(--color-orange);font-size:34px;font-weight:800;line-height:1}.promo-coupon__stub-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;margin-top:6px;font-size:11px;font-weight:700;line-height:1}.promo-coupon__body{flex-direction:column;justify-content:center;gap:2px;padding:14px 16px;display:flex}.promo-coupon__title{font-size:16px;font-weight:700;line-height:22px}.promo-coupon__condition{color:#fffc;font-size:13px;line-height:19px}