.button{filter:drop-shadow(4px 4px 20px #0009);background:linear-gradient(#fff0 0%,#11111110 50%,#fff0 100%);box-shadow:94px 109px 40px #00000001,60px 70px 37px #00000005,34px 39px 31px #00000014,15px 17px 23px #00000021,4px 4px 13px #00000026}.button:after,.inner:after{content:"";pointer-events:none;box-sizing:border-box;-webkit-mask-composite:xor;background:linear-gradient(to bottom right,#fff 5%,#666a 35%,#fff 85%);border-radius:3.40282e38px;width:100%;height:100%;padding:.08rem;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.inner:after{padding:.06rem}.dark{background:linear-gradient(to bottom right,#191919 48%,#222 52%)}.dark .button{color:#fffd;filter:drop-shadow(4px 4px 20px #000);background:linear-gradient(#ffffff10 0%,#99999910 50%,#ffffff10 100%);box-shadow:94px 109px 40px #00000005,60px 70px 37px #00000014,34px 39px 31px #0000002e,15px 17px 23px #00000042,4px 4px 13px #0000004d}.dark .button:after,.dark .inner:after{background:linear-gradient(to bottom right,#fffa 5%,#666a 35%,#fffa 85%)}