.animated-gradient-btn{z-index:0;border:1px solid #0000;position:relative}.animated-gradient-btn:before{content:"";z-index:0;opacity:0;--c-0:#fa99b9;--y-0:68%;--x-0:109%;--s-start-0:0%;--s-end-0:80%;--x-1:55%;--c-1:#9999fa;--y-1:108%;--s-start-1:5%;--s-end-1:80%;--x-2:5%;--c-2:#fa99da;--y-2:54%;--s-start-2:0%;--s-end-2:50%;background-color:#3a6fd9;background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2));background-blend-mode:normal, normal, normal;border-radius:11px;transition:all .2s ease-in-out;animation:10s linear infinite alternate hero-gradient-animation;position:absolute;inset:-3px;scale:1}.animated-gradient-btn:hover:before,.animated-gradient-btn:active:before,.animated-gradient-btn:focus-visible:before{opacity:1}.animated-gradient-btn:active:before{scale:.98}.animated-gradient-btn:focus-visible:before{opacity:0!important}.animated-gradient-btn:after{content:"";z-index:1;background:var(--background-color-primary);border-radius:8px;position:absolute;inset:0}.animated-gradient-btn>.relative{z-index:2;position:relative}@keyframes hero-gradient-animation{0%{--x-0:50%;--y-0:20%;--c-0:#ec956933;--s-start-0:5%;--s-end-0:100%;--x-1:65%;--y-1:80%;--s-start-1:10%;--s-end-1:80%;--c-1:#098686;--s-start-2:10%;--s-end-2:60%;--y-2:40%;--x-2:20%;--c-2:#d7376c;--c-3:#1b4cb1;--x-3:85%;--s-start-3:10%;--s-end-3:60%;--y-3:60%;--s-start-4:10%;--s-end-4:60%;--x-4:12%;--c-4:#ed9568;--y-4:96%;--c-5:#0a5f8a;--x-5:88%;--y-5:10%;--s-start-5:10%;--s-end-5:60%;--c-6:#d93a6f;--s-start-6:0%;--s-end-6:100%;--x-6:5%;--y-6:100%;--x-7:75%;--c-7:#1b4eb6;--s-start-7:0%;--s-end-7:60%;--y-7:0%}50%{--x-0:70%;--y-0:25%;--c-0:#ee9568cc;--s-start-0:5%;--s-end-0:70%;--x-1:35%;--y-1:80%;--s-start-1:10%;--s-end-1:80%;--c-1:#098686e6;--s-start-2:10%;--s-end-2:60%;--y-2:25%;--x-2:40%;--c-2:#ec6995e6;--c-3:#1cb58280;--x-3:65%;--s-start-3:10%;--s-end-3:60%;--y-3:80%;--s-start-4:10%;--s-end-4:60%;--x-4:11%;--c-4:#ee6895;--y-4:50%;--c-5:#1b4eb6;--x-5:88%;--y-5:57%;--s-start-5:10%;--s-end-5:60%;--c-6:#ee9568;--s-start-6:0%;--s-end-6:60%;--x-6:0%;--y-6:0%;--x-7:100%;--c-7:#098b8b;--s-start-7:0%;--s-end-7:60%;--y-7:100%}to{--x-0:80%;--y-0:55%;--c-0:#ee9568e6;--s-start-0:5%;--s-end-0:70%;--x-1:15%;--y-1:50%;--s-start-1:10%;--s-end-1:80%;--c-1:#098686;--s-start-2:10%;--s-end-2:60%;--y-2:25%;--x-2:65%;--c-2:#ec6995e6;--c-3:#1c4cb0;--x-3:35%;--s-start-3:10%;--s-end-3:60%;--y-3:80%;--s-start-4:10%;--s-end-4:60%;--x-4:28%;--c-4:#ee6895;--y-4:25%;--c-5:#095f8b;--x-5:64%;--y-5:81%;--s-start-5:10%;--s-end-5:60%;--c-6:#d7376c;--s-start-6:0%;--s-end-6:60%;--x-6:100%;--y-6:19%;--x-7:0%;--c-7:#1b83b6;--s-start-7:0%;--s-end-7:60%;--y-7:100%}}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:50%}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:20%}@property --c-0{syntax:"<color>";inherits:false;initial-value:#ec956933}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:5%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:100%}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:65%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:80%}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:10%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:80%}@property --c-1{syntax:"<color>";inherits:false;initial-value:#098686}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:10%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:60%}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:40%}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:20%}@property --c-2{syntax:"<color>";inherits:false;initial-value:#d7376c}@property --c-3{syntax:"<color>";inherits:false;initial-value:#1b4cb1}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:85%}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:10%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:60%}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:60%}@property --s-start-4{syntax:"<percentage>";inherits:false;initial-value:10%}@property --s-end-4{syntax:"<percentage>";inherits:false;initial-value:60%}@property --x-4{syntax:"<percentage>";inherits:false;initial-value:12%}@property --c-4{syntax:"<color>";inherits:false;initial-value:#ed9568}@property --y-4{syntax:"<percentage>";inherits:false;initial-value:96%}@property --c-5{syntax:"<color>";inherits:false;initial-value:#0a5f8a}@property --x-5{syntax:"<percentage>";inherits:false;initial-value:88%}@property --y-5{syntax:"<percentage>";inherits:false;initial-value:10%}@property --s-start-5{syntax:"<percentage>";inherits:false;initial-value:10%}@property --s-end-5{syntax:"<percentage>";inherits:false;initial-value:60%}@property --c-6{syntax:"<color>";inherits:false;initial-value:#d93a6f}@property --s-start-6{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-6{syntax:"<percentage>";inherits:false;initial-value:100%}@property --x-6{syntax:"<percentage>";inherits:false;initial-value:5%}@property --y-6{syntax:"<percentage>";inherits:false;initial-value:100%}@property --x-7{syntax:"<percentage>";inherits:false;initial-value:75%}@property --c-7{syntax:"<color>";inherits:false;initial-value:#1b4eb6}@property --s-start-7{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-7{syntax:"<percentage>";inherits:false;initial-value:60%}@property --y-7{syntax:"<percentage>";inherits:false;initial-value:0%}