.page{flex-wrap:wrap;place-content:center;width:100%;height:100vh;padding:2vmax;display:flex}.btn{--fancy-button-gradient-0:#8d49fd;--fancy-button-gradient-50:#7f56f3;--fancy-button-gradient-100:#5691f3;--fancy-button-inner-shadow-top:#e9d1ff33;--fancy-button-inner-shadow-top-lg:#090c3c1a;--fancy-button-inner-shadow-bottom:#89def64d;--fancy-button-shine-top:#e9d1ff;--fancy-button-shine-bottom:#adfff9;text-shadow:0 .5px .5px #0003;appearance:none;cursor:pointer;z-index:1;color:#fff;background-image:linear-gradient(to bottom,var(--fancy-button-gradient-0)0%,var(--fancy-button-gradient-50)50%,var(--fancy-button-gradient-100)100%);box-shadow:0px 4px 12px #090c3c26,0px 2px 8px #090c3c26,0px 1px 3px var(--fancy-button-inner-shadow-top-lg),inset 0px 1px 1px var(--fancy-button-inner-shadow-top),inset 0px -1px 3px var(--fancy-button-inner-shadow-bottom);border:none;border-radius:25px;outline:none;margin:0;padding:0;font-size:15px;font-weight:500;line-height:21px;position:relative;overflow:hidden}.btn:before,.btn:after{content:"";border-radius:inherit;will-change:transform;position:absolute}.btn:before{background-color:var(--fancy-button-shine-top);opacity:.6;filter:blur(6px);width:96px;height:6px;transition:opacity .25s;top:-3px;left:50%;transform:translate(-50%)}.btn:after{z-index:2;opacity:.3;mix-blend-mode:overlay;pointer-events:none;background-size:cover;inset:0}.btn span{border-radius:inherit;background-image:linear-gradient(to bottom,var(--fancy-button-shine-top),transparent 8px);z-index:1;background-position:0 -6px;background-repeat:no-repeat;padding:12px 24px;display:block;position:relative;overflow:hidden}.btn span:before,.btn span:after{content:"";background-color:var(--fancy-button-shine-bottom);will-change:transform;border-radius:50%;transition:opacity .25s,transform .25s;position:absolute;left:50%;transform:translate(-50%)}.btn span:before{opacity:.75;filter:blur(6px);width:92px;height:8px;bottom:-4px}.btn span:after{opacity:.9;filter:blur(1px);width:112px;height:1px;bottom:0}.btn:hover span:before{opacity:.8;transform:translate(-50%)scale(1.25)}.btn:hover span:after{opacity:1}
::view-transition-new(root){animation:1s both scale;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"white\"/></svg>") 50%/0 no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><circle cx=\"20\" cy=\"20\" r=\"20\" fill=\"white\"/></svg>") 50%/0 no-repeat}::view-transition-old(root){z-index:-1;animation:none}.dark::view-transition-old(root){z-index:-1;animation:none}.dark::view-transition-new(root){animation:1s both scale}@keyframes scale{to{-webkit-mask-size:200vmax;mask-size:200vmax}}:root{background:#fff}.dark{background:#000}