.button{filter:drop-shadow(4px 4px 20px rgba(0,0,0,.6));box-shadow:94px 109px 40px rgba(0,0,0,.005),60px 70px 37px rgba(0,0,0,.02),34px 39px 31px rgba(0,0,0,.08),15px 17px 23px rgba(0,0,0,.13),4px 4px 13px rgba(0,0,0,.15);background:linear-gradient(180deg,#ffffff00 0,#11111110 50%,#ffffff00)}.button:after,.inner:after{content:"";position:absolute;height:100%;width:100%;background:linear-gradient(to bottom right,#ffffffff 5%,#666666aa 35%,#ffffffff 85%);top:50%;left:50%;translate:-50% -50%;border-radius:calc(infinity * 1px);pointer-events:none;box-sizing:border-box;padding:.08rem;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.inner:after{padding:.06rem}.dark{background:linear-gradient(to bottom right,#191919 48%,#222222 52%)}.dark .button{color:#ffffffdd;filter:drop-shadow(4px 4px 20px rgba(0,0,0,1));box-shadow:94px 109px 40px rgba(0,0,0,.02),60px 70px 37px rgba(0,0,0,.08),34px 39px 31px rgba(0,0,0,.18),15px 17px 23px rgba(0,0,0,.26),4px 4px 13px rgba(0,0,0,.3);background:linear-gradient(180deg,#ffffff10 0,#99999910 50%,#ffffff10)}.dark .button:after,.dark .inner:after{background:linear-gradient(to bottom right,#ffffffaa 5%,#666666aa 35%,#ffffffaa 85%)}