.circular-text-wrap{background:0 0;place-items:center;width:84px;height:84px;display:inline-grid;position:relative}.circular-text{width:100%;height:100%;font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;color:#0d1f3c;text-align:center;cursor:pointer;transform-origin:50%;-webkit-user-select:none;user-select:none;background:0 0;border-radius:50%;grid-area:1/1;margin:0;font-weight:700;position:relative}.circular-text span{letter-spacing:.04em;text-transform:uppercase;font-size:7px;transition:all .5s cubic-bezier(0,0,0,1);display:inline-block;position:absolute;inset:0}.circular-text-center{z-index:1;pointer-events:none;width:48%;height:48%;box-shadow:none;background:0 0;border:none;outline:none;grid-area:1/1;justify-content:center;place-self:center;align-items:center;margin:0;padding:0;display:flex;transform:translateY(-6%)}.circular-text-book{object-fit:contain;object-position:center center;width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:0 0;border:none;border-radius:0;outline:none;display:block}@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}}