.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:24px;text-transform:uppercase;transition:all .5s cubic-bezier(0,0,0,1)}.circular-text--hero{width:100%;height:100%;min-height:0;min-width:0;max-width:100%;color:rgba(26,26,26,.88);cursor:default}.circular-text--hero span{font-size:clamp(8px,2.8cqw,14px);font-weight:800;letter-spacing:1px;text-shadow:0 0 10px rgba(0,0,0,.171)}@media (min-width:640px){.circular-text--hero span{font-size:clamp(10px,2.2cqw,15px)}}