:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(60rem 40rem at 50% 35%,#101010,#050505 70%);color:#f2f2f2;font:400 16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.stage{display:grid;place-items:center;padding:3rem 1.5rem}.glow-ring-btn{--knob-size: 190px;--gap: 26px;--label-size: 44px;--pill-pad-end: 72px;--pill-pad: 12px;--shell-pad: 10px;--bezel: 6px;--cap: 74%;--pill-edge: #2a2a2a;--text: #f2f2f2;display:inline-flex;padding:var(--shell-pad);border:1px solid #191919;border-radius:999px;background:linear-gradient(180deg,#0a0a0a,#121212);box-shadow:inset 0 2px 3px #000000e6,inset 0 -1px #ffffff0b,0 30px 70px -24px #000000f2}.glow-ring-btn__pill{position:relative;display:flex;align-items:center;gap:var(--gap);padding:var(--pill-pad) var(--pill-pad-end) var(--pill-pad) var(--pill-pad);border:1px solid var(--pill-edge);border-radius:999px;background:linear-gradient(180deg,#1e1e1e,#131313);color:var(--text);font:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff12,0 2px 3px #000000b3,0 8px 18px -6px #000c}.glow-ring-btn__knob{position:relative;display:grid;place-items:center;width:var(--knob-size);height:var(--knob-size);flex:none}.glow-ring-btn__liquid{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);display:block;pointer-events:none}.glow-ring-btn__cap{position:relative;display:grid;place-items:center;width:var(--cap);height:var(--cap);border-radius:50%;background:linear-gradient(165deg,#262626,#0d0d0d 70%);box-shadow:inset 0 1px 1px #ffffff0f,inset 0 -10px 26px #0009,0 2px 10px #000000b3}.glow-ring-btn__cap:after{content:"";position:absolute;inset:var(--bezel);border-radius:50%;border:1px solid #070707;box-shadow:inset 0 -1px #ffffff0d;pointer-events:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}.glow-ring-btn__icon{position:relative;width:50%;height:50%;filter:drop-shadow(0 -1px 0 rgb(255 255 255 / .22)) drop-shadow(0 1px 0 rgb(0 0 0 / .65)) drop-shadow(0 4px 6px rgb(0 0 0 / .55))}.glow-ring-btn__label{font-size:var(--label-size);font-weight:400;letter-spacing:-.01em;white-space:nowrap}