@property --color-1{syntax:"<color>";inherits:false;initial-value:#000}@property --color-2{syntax:"<color>";inherits:false;initial-value:#10002b}@property --color-3{syntax:"<color>";inherits:false;initial-value:#3b1470}@property --color-4{syntax:"<color>";inherits:false;initial-value:#5c2d82}@property --color-5{syntax:"<color>";inherits:false;initial-value:#8b3a6e}@property --stop-1{syntax:"<percentage>";inherits:false;initial-value:37.35%}@property --stop-2{syntax:"<percentage>";inherits:false;initial-value:61.36%}@property --stop-3{syntax:"<percentage>";inherits:false;initial-value:78.42%}@property --stop-4{syntax:"<percentage>";inherits:false;initial-value:89.52%}@property --stop-5{syntax:"<percentage>";inherits:false;initial-value:100%}@property --pos-x{syntax:"<percentage>";inherits:false;initial-value:11.14%}@property --pos-y{syntax:"<percentage>";inherits:false;initial-value:140%}@property --spread-x{syntax:"<percentage>";inherits:false;initial-value:150%}@property --spread-y{syntax:"<percentage>";inherits:false;initial-value:180.06%}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --border-color-1{syntax:"<color>";inherits:true;initial-value:#994de633}@property --border-color-2{syntax:"<color>";inherits:true;initial-value:#661ab3bf}.gradient-button{cursor:pointer;appearance:none;background:radial-gradient(var(--spread-x) var(--spread-y) at var(--pos-x) var(--pos-y), var(--color-1) var(--stop-1), var(--color-2) var(--stop-2), var(--color-3) var(--stop-3), var(--color-4) var(--stop-4), var(--color-5) var(--stop-5));transition:--pos-x .5s,--pos-y .5s,--spread-x .5s,--spread-y .5s,--color-1 .5s,--color-2 .5s,--color-3 .5s,--color-4 .5s,--color-5 .5s,--border-angle .5s,--border-color-1 .5s,--border-color-2 .5s,--stop-1 .5s,--stop-2 .5s,--stop-3 .5s,--stop-4 .5s,--stop-5 .5s;animation:4s ease-in-out infinite gradient-pulse;position:relative}.gradient-button:hover{animation:.5s forwards gradient-hover}@keyframes gradient-pulse{0%,to{--pos-x:11.14%;--pos-y:140%;--spread-x:150%;--spread-y:180.06%;--color-1:#000;--color-2:#10002b;--color-3:#3b1470;--color-4:#5c2d82;--color-5:#8b3a6e;--border-angle:20deg;--border-color-1:#994de633;--border-color-2:#661ab3bf;--stop-1:37.35%;--stop-2:61.36%;--stop-3:78.42%;--stop-4:89.52%;--stop-5:100%}50%{--pos-x:6%;--pos-y:120%;--spread-x:135%;--spread-y:150%;--color-1:#0a0020;--color-2:#261052;--color-3:#4d2078;--color-4:#6e3488;--color-5:#8b3a6e;--border-angle:40deg;--border-color-1:#a663e940;--border-color-2:#8020dfcc;--stop-1:30%;--stop-2:52%;--stop-3:70%;--stop-4:85%;--stop-5:95%}}@keyframes gradient-hover{to{--pos-x:0%;--pos-y:91.51%;--spread-x:120.24%;--spread-y:103.18%;--color-1:#a855f4;--color-2:#8b5cf6;--color-3:#a346a8;--color-4:#2a0e3a;--color-5:#000;--border-angle:190deg;--border-color-1:#e6d2f91a;--border-color-2:#e6d2f999;--stop-1:0%;--stop-2:8.8%;--stop-3:21.44%;--stop-4:71.34%;--stop-5:85.76%}}.gradient-button:before{content:"";border-radius:inherit;background:linear-gradient(var(--border-angle), var(--border-color-1), var(--border-color-2));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}