.order { align-items: start; }
.orderStatus { padding: 6px 9px; border-radius: 999px; background: #282b32; color: #ccc; font-size: 10px; }
.orderStatus.paid { background: #173825; color: #8ce9ad; }
.order > strong { padding-top: 5px; }
.orderTickets { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.ticketButton { display: inline-flex; flex-direction: column; align-items: flex-start; min-width: 170px; padding: 10px 13px; border: 1px solid #6f5929; border-radius: 10px; background: #211b0f; color: var(--gold); text-decoration: none; font-size: 12px; font-weight: 800; }
.ticketButton span { padding: 0; background: none; color: inherit; font-size: inherit; }
.ticketButton small { color: #aaa; font-size: 10px; }
.ticketButton:hover { background: var(--gold); color: #17130a; }
.ticketButton:hover small { color: #3e321a; }
@media (max-width: 560px) { .orderTickets { grid-column: 1 / -1; } .ticketButton { width: 100%; } }