/* ============================================================
   checkout.css — Checkout page: promo code input feedback and
   the animated "dispatch" pay button.
   ============================================================ */

/* Promo input */
#promo-msg.success { color:#16a34a; }
#promo-msg.error   { color:#dc2626; }

/* ── DISPATCH BTN STARS ── */
.pay-star {
  position:absolute; background:#fff; border-radius:50%; z-index:2;
  animation: payTwinkle var(--dur,2s) ease-in-out infinite alternate;
  animation-delay: var(--delay,0s);
}
#pay-btn:hover:not(.pay-running) { transform:scale(1.01); box-shadow:0 10px 36px rgba(0,0,0,0.45) !important; }