.spin_spin__tUBFQ{border:0;position:relative;height:100px;width:100px;border-radius:100%;box-shadow:none;display:flex;justify-content:center;align-items:center;fill:var(--primaryColor)}.spin_spin__tUBFQ:after,.spin_spin__tUBFQ:before{box-sizing:inherit;content:"";position:absolute;width:100%;height:100%;top:0;border-radius:100%;left:0;opacity:0}.spin_spin__tUBFQ:before{border:2px solid rgba(0,0,0,0)}.spin_spin__tUBFQ:hover:before{border-bottom-color:var(--primaryColor);border-right-color:var(--primaryColor);border-top-color:var(--primaryColor);transition:border-top-color .15s linear,border-right-color .15s linear .05s,border-bottom-color .15s linear .2s;opacity:1}.spin_spin__tUBFQ svg{transition-duration:.3s}.spin_spin__tUBFQ:hover svg{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spin_spin__tUBFQ:after{border:0 solid rgba(0,0,0,0)}.spin_spin__tUBFQ:hover:after{border-top:2px solid;border-top-color:var(--primaryColor);border-left-width:2px;border-right-width:2px;transform:rotate(270deg);transition:transform .4s linear 0s,border-left-width 0s linear .35s;opacity:1}