.btn{--btn-line:1.4em;transition:color .25s ease, border-color .25s ease, translate .4s var(--ease-lock), scale .14s ease-out}.btn-primary.btn{--btn-fill:var(--paper);--btn-on:var(--ink)}.btn-secondary.btn{--btn-fill:var(--ink);--btn-on:var(--paper)}.btn-primary.btn:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ink);pointer-events:none;position:absolute;inset:0}.btn-fill{z-index:-1;aspect-ratio:1;background:var(--btn-fill);pointer-events:none;border-radius:50%;width:250%;transition:scale .65s cubic-bezier(.19,1,.22,1);position:absolute;top:100%;left:50%;translate:-50% -50%;scale:0}.btn-label{display:inline-block}.btn-roll{vertical-align:top;height:var(--btn-line);line-height:var(--btn-line);display:inline-block;overflow:hidden}.btn-ch{text-shadow:0 var(--btn-line) currentColor;transition:translate .4s var(--ease-lock) calc(var(--o) * 1ms);display:inline-block}.btn:focus-visible{color:var(--btn-on)}.btn:focus-visible .btn-fill{scale:1}.btn:focus-visible .btn-ch{translate:0 calc(var(--btn-line) * -1);transition-delay:calc(var(--i) * 1ms)}@media (hover:hover) and (pointer:fine){.btn:hover{color:var(--btn-on)}.btn-secondary.btn:hover{border-color:var(--ink)}.btn:hover .btn-fill{scale:1}.btn:hover .btn-ch{translate:0 calc(var(--btn-line) * -1);transition-delay:calc(var(--i) * 1ms)}}.roll{--btn-line:1.1em}.roll:focus-visible .btn-ch{translate:0 calc(var(--btn-line) * -1);transition-delay:calc(var(--i) * 1ms)}@media (hover:hover) and (pointer:fine){.roll:hover .btn-ch{translate:0 calc(var(--btn-line) * -1);transition-delay:calc(var(--i) * 1ms)}}.btn:active,.btn[data-press]{scale:.96}@media (hover:none){.btn:active,.btn[data-press]{color:var(--btn-on)}.btn:active .btn-fill,.btn[data-press] .btn-fill{transition-duration:.3s;scale:1}}@media (prefers-reduced-motion:reduce){.btn{transition:color .2s,border-color .2s}.btn-fill{opacity:0;transition:opacity .2s;scale:1}.btn:hover .btn-fill,.btn:focus-visible .btn-fill,.btn:active .btn-fill,.btn[data-press] .btn-fill{opacity:1}.btn-ch{transition:none}.btn:hover .btn-ch,.btn:focus-visible .btn-ch,.roll:hover .btn-ch,.roll:focus-visible .btn-ch{translate:none}}