@layer components{.button{aspect-ratio:1;cursor:pointer;width:.65vw;position:relative}.button__toggle{display:none}.button__inner{background-color:var(--color);width:100%;height:100%;box-shadow:0 .2vw 0 .05vw var(--shadow-color), inset 0 0 .1vw 0 #0000004d;filter:drop-shadow(0 .3vw .3vw var(--glow-color));pointer-events:none;will-change:transform, box-shadow, filter, opacity;border:none;border-radius:50%;position:absolute;top:0;left:0}.button__toggle:checked+.button__inner{filter:none;opacity:.3}.button:active .button__toggle:checked+.button__inner{opacity:1;transition:opacity .22s 10ms var(--transition-easing)}.button:active .button__inner{box-shadow:none;transform:translate(-.1vw,.2vw)}.button__label{font-size:.25vmin;font-family:var(--monospace-font);white-space:nowrap;color:var(--grey-5);font-weight:700;position:absolute;top:180%;left:50%;transform:translate(-50%)}}