.circular-text{position:relative;width:100%;height:100%}.circular-text__wrapper{position:absolute;inset:0;display:block;width:100%;height:100%}.circular-text__char{position:absolute;left:50%;top:calc(50% - var(--radius, 200px));font-size:var(--font-size,13px);font-weight:700;text-transform:uppercase;transform:translateX(-50%) rotate(var(--char-rotate,0deg));transform-origin:center var(--radius,200px);color:inherit;white-space:nowrap}