.button-motion{position:relative;transition-property:transform}@media(prefers-reduced-motion:no-preference){.button-motion{transition-duration:var(--animation-speed);transition-timing-function:var(--animation-timing-active)}}.button-motion:active:not([aria-disabled=true]){transform:scale(.985)}@property --button-motion-ring-progress{syntax: "<number>"; inherits: false; initial-value: 0;}.button-motion:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:var(--button-border-width, 0px);pointer-events:none;opacity:0;background:conic-gradient(from -90deg,currentColor calc(var(--button-motion-ring-progress) * 1turn),transparent calc(var(--button-motion-ring-progress) * 1turn));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@media(prefers-reduced-motion:no-preference){.button-motion:after{transition:--button-motion-ring-progress var(--animation-speed-slow) var(--animation-timing-default),opacity var(--animation-speed-slow) var(--animation-timing-default)}}.button-motion:focus-visible:not([aria-disabled=true]):after{--button-motion-ring-progress: 1;opacity:1}@media(hover:hover)and (pointer:fine){.button-motion:hover:not([aria-disabled=true]):after{--button-motion-ring-progress: 1;opacity:1}}.button-motion__label-wrap{display:inline-grid;overflow:hidden;vertical-align:middle;pointer-events:none}.button-motion__label{grid-area:1 / 1;white-space:nowrap}@media(prefers-reduced-motion:no-preference){.button-motion__label{transition:transform var(--animation-speed-slow) var(--animation-timing-default),opacity var(--animation-speed-slow) var(--animation-timing-default)}}.button-motion__label--duplicate{transform:translate3d(0,100%,0);opacity:0}.button-motion:focus-visible:not([aria-disabled=true]) .button-motion__label:not(.button-motion__label--duplicate){transform:translate3d(0,-100%,0);opacity:.7}.button-motion:focus-visible:not([aria-disabled=true]) .button-motion__label--duplicate{transform:translateZ(0);opacity:1}@media(hover:hover)and (pointer:fine){.button-motion:hover:not([aria-disabled=true]) .button-motion__label:not(.button-motion__label--duplicate){transform:translate3d(0,-100%,0);opacity:.7}.button-motion:hover:not([aria-disabled=true]) .button-motion__label--duplicate{transform:translateZ(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/aspilon-button-motion.css.map */