@property --teki-shiny-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --teki-shiny-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --teki-shiny-percent{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --teki-shiny-shine{syntax: "<color>"; initial-value: white; inherits: false;}.teki-shiny-cta{--shiny-bg: #000000;--shiny-bg-subtle: #1a1818;--shiny-fg: #ffffff;--shiny-highlight: #0066FF;--shiny-highlight-subtle: #8484ff;--shiny-animation: teki-shiny-angle linear infinite;--shiny-duration: 3s;--shiny-shadow-size: 2px;--shiny-transition: .8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline:0;outline-offset:4px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;padding:14px 30px;font-family:inherit;font-size:15px;line-height:1.2;font-weight:500;letter-spacing:.005em;color:var(--shiny-fg);border:1px solid transparent;border-radius:999px;background:linear-gradient(var(--shiny-bg),var(--shiny-bg)) padding-box,conic-gradient(from calc(var(--teki-shiny-angle) - var(--teki-shiny-angle-offset)),transparent,var(--shiny-highlight) var(--teki-shiny-percent),var(--teki-shiny-shine) calc(var(--teki-shiny-percent) * 2),var(--shiny-highlight) calc(var(--teki-shiny-percent) * 3),transparent calc(var(--teki-shiny-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-bg-subtle);transition:var(--shiny-transition);transition-property:--teki-shiny-angle-offset,--teki-shiny-percent,--teki-shiny-shine}.teki-shiny-cta:focus-visible{outline:2px solid var(--shiny-highlight);outline-offset:4px}.teki-shiny-cta:before,.teki-shiny-cta:after,.teki-shiny-cta>span:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1;border-radius:999px}.teki-shiny-cta:active{translate:0 1px}.teki-shiny-cta:before{--size: calc(100% - var(--shiny-shadow-size) * 3);--position: 2px;--space: calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--teki-shiny-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--teki-shiny-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1}.teki-shiny-cta:after{--shiny-animation: teki-shiny-shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,black);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.3;filter:blur(2px)}.teki-shiny-cta>span{position:relative;display:inline-flex;align-items:center;gap:8px;z-index:1}.teki-shiny-cta>span svg{width:16px;height:16px;flex-shrink:0;transition:transform .3s ease}.teki-shiny-cta:hover>span svg{transform:translate(3px)}.teki-shiny-cta>span:before{--size: calc(100% + 1rem) ;width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 3.5rem 0 var(--shiny-highlight);opacity:0;filter:blur(6px);transition:opacity var(--shiny-transition);animation:calc(var(--shiny-duration) * 1.5) teki-shiny-breathe linear infinite}.teki-shiny-cta,.teki-shiny-cta:before,.teki-shiny-cta:after{animation:var(--shiny-animation) var(--shiny-duration),var(--shiny-animation) calc(var(--shiny-duration) / .4) reverse paused;animation-composition:add}.teki-shiny-cta:is(:hover,:focus-visible){--teki-shiny-percent: 20%;--teki-shiny-angle-offset: 95deg;--teki-shiny-shine: var(--shiny-highlight-subtle)}.teki-shiny-cta:is(:hover,:focus-visible),.teki-shiny-cta:is(:hover,:focus-visible):before,.teki-shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.teki-shiny-cta:is(:hover,:focus-visible)>span:before{opacity:.45}@keyframes teki-shiny-angle{to{--teki-shiny-angle: 360deg}}@keyframes teki-shiny-shimmer{to{rotate:360deg}}@keyframes teki-shiny-breathe{0%,to{scale:1}50%{scale:1.08}}@media(prefers-reduced-motion:reduce){.teki-shiny-cta,.teki-shiny-cta:before,.teki-shiny-cta:after,.teki-shiny-cta>span:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/teki-shiny.css.map */