.spin-button{aspect-ratio:1;border-radius:50%;width:8.3333em;max-width:100%;display:block;position:relative}.spin-button i{transition:var(--ani-speed);position:absolute;inset:0;-webkit-mask-size:100%;mask-size:100%}.spin-button:hover:not(:active) .spin-button__text{transform:scale(.75)}.spin-button__text:before{content:"";background-color:var(--c-1-2);-webkit-mask-image:var(--spin-text);-webkit-mask-image:var(--spin-text);mask-image:var(--spin-text);animation:50s linear infinite rotate;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}.spin-button:hover:not(:active) .spin-button__arrow{transform:scale(.9)}.spin-button__arrow:before,.spin-button__arrow:after{content:"";position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}.spin-button__arrow:before{background-color:var(--c-raw-0-7);border-radius:50%;inset:25%}.spin-button__arrow:after{background-color:var(--c-1-7);-webkit-mask-image:var(--spin-arrow);-webkit-mask-image:var(--spin-arrow);mask-image:var(--spin-arrow);inset:0}
/*# sourceMappingURL=spin-button-style.css.map */