.gradient-button{color:#333;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-asgard-trial);letter-spacing:3px;text-transform:uppercase;background:0 0;border:none;border-radius:12px;padding:18px 30px;font-weight:500;transition:background .3s ease-in-out;position:relative}.gradient-button:hover{color:#fff;background:linear-gradient(90deg,#5cc1ee 0%,#4948e0 50%,#c996d2 100%)}.gradient-button:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#5cc1ee 0%,#4948e0 50%,#c996d2 100%);border-radius:12px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-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}