.event-details .ticket-button {
  display:inline-flex; align-items:center; gap:1rem; padding:1rem 1.65rem;
  background:#e6b653; color:#172c23; text-decoration:none; font-weight:750;
  clip-path:polygon(0 0,100% 0,100% 38%,97% 50%,100% 62%,100% 100%,0 100%,0 62%,3% 50%,0 38%);
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.event-details .ticket-button:hover,.event-details .ticket-button:focus-visible { background:#304d3f; color:#fff3d2; transform:translateY(-2px); }
.ticket-button svg { width:2rem; height:2rem; flex-shrink:0; }
.ticket-button .ticket-copy { display:flex; flex-direction:column; gap:.2rem; }
.ticket-button [data-ticket-price] { font-size:.9em; font-weight:600; }
.ticket-button .ticket-copy { border-left:2px dashed currentColor; padding-left:1rem; }
.ticket-button:focus-visible { outline:3px solid #172c23; outline-offset:-5px; }
@media(max-width:480px) { .event-details .ticket-button { max-width:100%; box-sizing:border-box; padding:1rem 1.3rem; gap:.7rem; } }
@media(prefers-reduced-motion:reduce) { .event-details .ticket-button { transition:none; transform:none; } }