/*!
 * Veloura Ticket Button v1.3.0
 * Ticket silhouette with side notches + optional inset double ring (emboss).
 * NEW: Background is painted on ::before so the button shows even if some layer forces background: transparent.
 * No borders by default. Uses CSS masks. Strong override guards vs hostile rules.
 */:root{--vdx-ticket-height: 56px;--vdx-ticket-pad-x: 22px;--vdx-ticket-radius: 16px;--vdx-ticket-notch-r: 20px;--vdx-ticket-bg: var(--vdx-btn-bg, var(--color-button, #111));--vdx-ticket-fg: var(--vdx-btn-fg, var(--color-button-text, #fff));--vdx-ring1-gap: 8px;--vdx-ring1-w: 1.25px;--vdx-ring2-gap: 14px;--vdx-ring2-w: 1px;--vdx-ring1-color: color-mix(in oklab, var(--vdx-ticket-bg) 55%, #fff 45%);--vdx-ring2-color: color-mix(in oklab, var(--vdx-ticket-bg) 70%, #000 30%);--vdx-wiggle-ease: cubic-bezier(.34, 1.56, .64, 1);--vdx-wiggle-interval: 5s}.vdx-ticket-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;-webkit-appearance:none;appearance:none;box-sizing:border-box;width:auto;height:var(--vdx-ticket-height);padding:0 calc(var(--vdx-ticket-pad-x) * 1.25);line-height:1;font:inherit;font-weight:700;letter-spacing:.02em;cursor:pointer;background:transparent;color:var(--vdx-ticket-fg);border:0;border-radius:var(--vdx-ticket-radius);overflow:hidden;z-index:0;-webkit-mask:radial-gradient(circle var(--vdx-ticket-notch-r) at left 50%,transparent 98%,#000 100%) left / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,radial-gradient(circle var(--vdx-ticket-notch-r) at right 50%,transparent 98%,#000 100%) right / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,linear-gradient(#000 0 0);mask:radial-gradient(circle var(--vdx-ticket-notch-r) at left 50%,transparent 98%,#000 100%) left / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,radial-gradient(circle var(--vdx-ticket-notch-r) at right 50%,transparent 98%,#000 100%) right / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,linear-gradient(#000 0 0);box-shadow:0 .5px #00000014,0 6px 18px #0000002e;transition:transform .06s ease,opacity .2s ease,color .2s ease}@supports not ((-webkit-mask: linear-gradient(#000 0 0)) or (mask: linear-gradient(#000 0 0))){.vdx-ticket-btn{border-radius:999px}}.vdx-ticket-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--vdx-ticket-radius);background:var(--vdx-ticket-bg)!important;pointer-events:none;z-index:0;-webkit-mask:radial-gradient(circle var(--vdx-ticket-notch-r) at left 50%,transparent 98%,#000 100%) left / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,radial-gradient(circle var(--vdx-ticket-notch-r) at right 50%,transparent 98%,#000 100%) right / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,linear-gradient(#000 0 0);mask:radial-gradient(circle var(--vdx-ticket-notch-r) at left 50%,transparent 98%,#000 100%) left / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,radial-gradient(circle var(--vdx-ticket-notch-r) at right 50%,transparent 98%,#000 100%) right / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,linear-gradient(#000 0 0)}.vdx-ticket-btn[data-emboss=on]:after{content:"";position:absolute;pointer-events:none;border-radius:var(--vdx-ticket-radius);z-index:1;-webkit-mask:radial-gradient(circle var(--vdx-ticket-notch-r) at left 50%,transparent 98%,#000 100%) left / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,radial-gradient(circle var(--vdx-ticket-notch-r) at right 50%,transparent 98%,#000 100%) right / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,linear-gradient(#000 0 0);mask:radial-gradient(circle var(--vdx-ticket-notch-r) at left 50%,transparent 98%,#000 100%) left / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,radial-gradient(circle var(--vdx-ticket-notch-r) at right 50%,transparent 98%,#000 100%) right / calc(var(--vdx-ticket-notch-r)*2) 100% no-repeat,linear-gradient(#000 0 0);box-shadow:inset 0 0 0 var(--vdx-ring1-w) var(--vdx-ring1-color);transform:translateZ(0)}.vdx-ticket-btn[data-emboss=on]:after{--_g1: var(--vdx-ring2-gap);--_w2: var(--vdx-ring2-w);box-shadow:inset 0 0 0 var(--vdx-ring1-w) var(--vdx-ring1-color),inset 0 0 0 calc(var(--vdx-ring2-gap) + var(--vdx-ring2-w)) color-mix(in oklab,var(--vdx-ring2-color) 100%,transparent 0%)}.vdx-ticket-btn .vdx-ticket-label,.vdx-ticket-btn .loading-overlay__spinner{position:relative;z-index:2}.vdx-ticket-btn .loading-overlay__spinner{width:18px;height:18px;display:none}.vdx-ticket-btn[aria-busy=true] .loading-overlay__spinner,.vdx-ticket-btn.loading .loading-overlay__spinner{display:inline-flex}.vdx-ticket-btn:active{transform:translateY(1px)}.vdx-ticket-btn:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.vdx-ticket-btn[disabled],.vdx-ticket-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.vdx-ticket-btn[data-size=sm]{--vdx-ticket-height:44px;--vdx-ticket-pad-x:16px;--vdx-ticket-notch-r:16px;font-weight:600}.vdx-ticket-btn[data-size=lg]{--vdx-ticket-height:64px;--vdx-ticket-pad-x:26px;--vdx-ticket-notch-r:22px}.vdx-ticket-btn[data-wiggle=on]{transform-origin:50% 60%;animation:vdx-ticket-wiggle var(--vdx-wiggle-interval) var(--vdx-wiggle-ease) infinite}@keyframes vdx-ticket-wiggle{0%,86%{transform:translateZ(0) rotate(0)}88%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}92%{transform:rotate(-3deg)}94%{transform:rotate(3deg)}96%{transform:rotate(-1.5deg)}98%{transform:rotate(1deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.vdx-ticket-btn[data-wiggle=on]{animation:none}}.vdx-ticket-btn.va-pressable:before,.vdx-ticket-btn.va-atc:before{background:var(--vdx-ticket-bg)!important}button.vdx-ticket-btn[name=add]{display:inline-flex!important;border-radius:var(--vdx-ticket-radius)!important;-webkit-appearance:none!important;appearance:none!important;height:var(--vdx-ticket-height)!important;padding:0 calc(var(--vdx-ticket-pad-x) * 1.25)!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/veloura-ticket.css.map */