@property --teams-shiny-gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --teams-shiny-gradient-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --teams-shiny-gradient-percent{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --teams-shiny-gradient-shine{syntax: "<color>"; initial-value: white; inherits: false;}.teams-shiny-cta{--teams-shiny-animation: teams-shiny-gradient-angle linear infinite;--teams-shiny-duration: 3s;--teams-shiny-shadow-size: 2px;--teams-shiny-bg: #000000;--teams-shiny-bg-subtle: #1a1818;--teams-shiny-fg: #ffffff;--teams-shiny-highlight: #00aaff;--teams-shiny-highlight-subtle: #00aaff;--teams-shiny-transition: .8s cubic-bezier(.25, 1, .5, 1);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;outline-offset:4px;padding:16px 40px;border:1px solid transparent;border-radius:360px;color:var(--teams-shiny-fg);background:linear-gradient(var(--teams-shiny-bg),var(--teams-shiny-bg)) padding-box,conic-gradient(from calc(var(--teams-shiny-gradient-angle) - var(--teams-shiny-gradient-angle-offset)),transparent,var(--teams-shiny-highlight) var(--teams-shiny-gradient-percent),var(--teams-shiny-gradient-shine) calc(var(--teams-shiny-gradient-percent) * 2),var(--teams-shiny-highlight) calc(var(--teams-shiny-gradient-percent) * 3),transparent calc(var(--teams-shiny-gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--teams-shiny-bg-subtle);font-family:DM Sans,Proxima Nova,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:500;line-height:1.2;text-decoration:none;transition:var(--teams-shiny-transition);transition-property:--teams-shiny-gradient-angle-offset,--teams-shiny-gradient-percent,--teams-shiny-gradient-shine}.teams-shiny-cta:before,.teams-shiny-cta:after,.teams-shiny-cta span:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.teams-shiny-cta:active{translate:0 1px}.teams-shiny-cta:before{--teams-shiny-size: calc(100% - var(--teams-shiny-shadow-size) * 3);--teams-shiny-position: 2px;--teams-shiny-space: calc(var(--teams-shiny-position) * 2);width:var(--teams-shiny-size);height:var(--teams-shiny-size);border-radius:inherit;background:radial-gradient(circle at var(--teams-shiny-position) var(--teams-shiny-position),white calc(var(--teams-shiny-position) / 4),transparent 0) padding-box;background-size:var(--teams-shiny-space) var(--teams-shiny-space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--teams-shiny-gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--teams-shiny-gradient-angle) + 45deg),black,transparent 10% 90%,black);opacity:.4}.teams-shiny-cta:after{--teams-shiny-animation: teams-shiny-shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--teams-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:.6}.teams-shiny-cta span{z-index:1}.teams-shiny-cta span:before{--teams-shiny-size: calc(100% + 16px) ;width:var(--teams-shiny-size);height:var(--teams-shiny-size);box-shadow:inset 0 -1ex 32px 4px var(--teams-shiny-highlight);opacity:0;transition:opacity var(--teams-shiny-transition);animation:calc(var(--teams-shiny-duration) * 1.5) teams-shiny-breathe linear infinite}.teams-shiny-cta,.teams-shiny-cta:before,.teams-shiny-cta:after{animation:var(--teams-shiny-animation) var(--teams-shiny-duration),var(--teams-shiny-animation) calc(var(--teams-shiny-duration) / .4) reverse paused;animation-composition:add}.teams-shiny-cta:is(:hover,:focus-visible){--teams-shiny-gradient-percent: 20%;--teams-shiny-gradient-angle-offset: 95deg;--teams-shiny-gradient-shine: var(--teams-shiny-highlight-subtle)}.teams-shiny-cta:is(:hover,:focus-visible),.teams-shiny-cta:is(:hover,:focus-visible):before,.teams-shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.teams-shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}@media(prefers-reduced-motion:reduce){.teams-shiny-cta,.teams-shiny-cta:before,.teams-shiny-cta:after,.teams-shiny-cta span:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@keyframes teams-shiny-gradient-angle{to{--teams-shiny-gradient-angle: 360deg}}@keyframes teams-shiny-shimmer{to{rotate:360deg}}@keyframes teams-shiny-breathe{0%,to{scale:1}50%{scale:1.2}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/teams-shiny-cta.css.map */