main{background:#303030;display:flex;align-items:center;justify-content:center}main::after{content:"";height:calc(100vh - 3em);width:100%;opacity:.7;background:var(--dark)url(noise.webp);position:absolute;z-index:1}#btn{height:5em;width:20em;margin-top:0;background:var(--black);border-radius:4px;padding:.15em;z-index:2}#btn button{padding:.26em;height:100%;width:100%;font-size:4em;border-radius:4px;transition-duration:.2s;transition-property:background-image,box-shadow;background:linear-gradient(to top,#242424 0%,#303030 100%);box-shadow:inset 0 20px 4px -21px rgba(255,255,255,.4),0 19px 13px rgba(0,0,0,.3);position:relative;z-index:2;user-select:none;-moz-user-select:none;-webkit-user-select:none}#btn button:focus-visible{outline-offset:-.2em}#btn button::before{content:"";width:3.5em;height:.2em;display:block;background:#b3e1ff;filter:blur(.2em);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.1s opacity;opacity:0}#btn svg{height:100%;width:100%;text-anchor:middle;fill:#181818;filter:drop-shadow(0 1px 1px rgba(255,255,255,.15))url(#inset-shadow)}#btn stop:first-child{stop-color:#ebf7ff;stop-opacity:1}#btn stop:last-child{stop-color:#b3e1ff;stop-opacity:1}#btn .active{background:linear-gradient(to top,#151515 0%,#1d1d1d 100%);box-shadow:inset 0 16px 14px -21px transparent,0 0 13px rgba(0,0,0,.3),inset 0 0 7px 2px rgba(0,0,0,.4)}#btn .active::before{opacity:.6}#btn .active svg{fill:url(#active);filter:drop-shadow(0 1px 1px rgba(255,255,255,0))}noscript{color:var(--white);max-width:36em;z-index:2}aside{color:var(--white);position:absolute;bottom:1em}@media print{main{display:none}}