.circular-text{margin:0 auto;border-radius:50%;width:9.5rem;height:9.5rem;position:relative;color:#ffffff;background-color:var(--color-brand);font-family:var(--font-sans);font-weight:800;letter-spacing:.14em;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;top:50%;left:50%;display:inline-block;font-size:11px;font-weight:800;-webkit-text-stroke:.45px currentColor;paint-order:stroke fill;line-height:1;text-transform:uppercase;transform-origin:0 0;transition:all .5s cubic-bezier(0,0,0,1)}@media (prefers-reduced-motion:reduce){.circular-text{animation:none}}