.button{width:100%;color:var(--text-1);border-radius:var(--r-s);-webkit-backdrop-filter:var(--main-blur);backdrop-filter:var(--main-blur);background-color:#00000027;border:1px solid #8c5aff59;justify-content:center;align-items:center;gap:5px;padding:5px 10px;transition:box-shadow,scale .3s;display:inline-flex;position:relative;box-shadow:0 0 20px #78b4ff40,inset 0 0 20px #78b4ff26,-13px 0 20px 1px #2bdcff33}.button:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#5efcffd0,#5efcff7c,#8a7bff2f,#ff6fd91c);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}@media (any-hover:hover){.button:hover:before{background:linear-gradient(135deg,#5efcff1a,#8a7bff2c,#ff6fd9a2,#ff6fd9)}.button:hover{scale:1.02;box-shadow:0 0 20px #78b4ff40,inset 0 0 20px #78b4ff26,13px 0 20px 1px #b446ff59}}@media (any-hover:none){.button:active:before{background:linear-gradient(135deg,#5efcff1a,#8a7bff2c,#ff6fd9a2,#ff6fd9)}.button:active{scale:1.02;box-shadow:0 0 20px #78b4ff40,inset 0 0 20px #78b4ff26,13px 0 20px 1px #b446ff59}}