@property --sf-atc-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.sf-atc-anim{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;border-radius:6px}.sf-atc-anim>*{position:relative;z-index:3}.sf-atc-anim>.button__text,.sf-atc-anim>.sf-atc-label{width:auto;flex:0 0 auto}.sf-atc-anim:after{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;transform:translate(-110%) skew(-18deg);z-index:1;will-change:transform;pointer-events:none;background:linear-gradient(90deg,#effc6a00,#effc6a2e 45% 55%,#effc6a00);animation:sf-atc-sheen 3.5s cubic-bezier(.37,0,.63,1) infinite}.sf-atc-anim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;padding:1.5px;opacity:.9;pointer-events:none;background:conic-gradient(from var(--sf-atc-angle),rgba(239,252,106,0) 0deg 250deg,#EFFC6A 320deg,rgba(239,252,106,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sf-atc-outline 3.5s linear infinite}.no-touchevents .sf-atc-anim:hover{background-color:#0b1a33}.sf-atc-arrow{display:inline-flex;align-items:center;flex:0 0 auto;margin-left:8px;color:#effc6a;animation:sf-atc-nudge 3.5s cubic-bezier(.45,0,.2,1) infinite}.sf-atc-arrow svg{display:block;width:18px;height:auto;fill:currentColor}@keyframes sf-atc-sheen{0%,20%{transform:translate(-110%) skew(-18deg)}70%,to{transform:translate(260%) skew(-18deg)}}@keyframes sf-atc-outline{0%{--sf-atc-angle: 0deg}to{--sf-atc-angle: 360deg}}@keyframes sf-atc-nudge{0%,45%,to{transform:translate(0)}58%{transform:translate(5px)}72%{transform:translate(0)}}.sf-atc-anim.disabled:after,.sf-atc-anim[disabled]:after,.sf-atc-anim.disabled:before,.sf-atc-anim[disabled]:before{animation:none}.sf-atc-anim.disabled .sf-atc-arrow,.sf-atc-anim[disabled] .sf-atc-arrow{animation:none}.sf-atc-anim.button--loader.working .sf-atc-arrow{opacity:0}.sf-atc-anim .button__preloader{z-index:3}.template-product .bm-t4-sticky-cta.sf-atc-anim{border-radius:6px}@media(prefers-reduced-motion:reduce){.sf-atc-anim,.sf-atc-anim:after,.sf-atc-anim:before,.sf-atc-arrow{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/sf-atc-anim.css.map */