.circular-text-wrap{position:relative;display:inline-grid;place-items:center;width:84px;height:84px;background:transparent}.circular-text{margin:0;border-radius:50%;width:100%;height:100%;position:relative;font-family:var(--font-display),ui-sans-serif,system-ui,sans-serif;font-weight:700;color:#0d1f3c;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;user-select:none;grid-area:1/1;background:transparent}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:7px;letter-spacing:.04em;text-transform:uppercase;transition:all .5s cubic-bezier(0,0,0,1)}.circular-text-center{grid-area:1/1;z-index:1;display:flex;align-items:center;justify-content:center;place-self:center;pointer-events:none;width:48%;height:48%;margin:0;padding:0;transform:translateY(-6%)}.circular-text-book,.circular-text-center{background:transparent;border:none;box-shadow:none;outline:none}.circular-text-book{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;border-radius:0;user-select:none;-webkit-user-drag:none}@media (min-width:640px){.circular-text-wrap{width:96px;height:96px}.circular-text-center{width:50%;height:50%}.circular-text span{font-size:8px}}@media (min-width:1024px){.circular-text-wrap{width:108px;height:108px}.circular-text-center{width:50%;height:50%}.circular-text span{font-size:9px}}@media (prefers-reduced-motion:reduce){.circular-text{cursor:default}}