.gradient-button-container{position:relative;background-color:transparent;border-radius:9999px;padding:10px 24px;cursor:pointer;font-weight:600;font-size:20px;text-transform:uppercase;transition:all .3s ease;border:none;width:fit-content;display:flex;flex-direction:row;align-items:center;gap:10px;background-image:linear-gradient(150deg,#4130FF,#FF6D1B,#FFFFFF);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-button-container-highlight{background-image:linear-gradient(180deg,#4130FF,#FF6D1B);-webkit-background-clip:initial;background-clip:initial;color:#FFFFFF}.gradient-button-icon-prefix{width:16px;height:16px;object-fit:contain;background:linear-gradient(150deg,#4130FF,#FF6D1B,#FFFFFF);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:1}.gradient-button-icon-prefix-highlight,.gradient-button-icon-suffix{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1)}.gradient-button-icon-suffix{display:none}.gradient-button-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;padding:1px;background:linear-gradient(150deg,#4130FF,#FF6D1B,#FFFFFF);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .3s ease}.gradient-button-container:hover{background-image:linear-gradient(150deg,#4130FF,#FF6D1B,#FFFFFF);-webkit-background-clip:initial;background-clip:initial;color:#FFFFFF}.gradient-button-container:hover .gradient-button-icon-prefix{transition:transform 3s ease;display:none}.gradient-button-container:hover .gradient-button-icon-suffix{display:block}.gradient-button-container:hover:before{opacity:0}.gradient-button-container:active{transform:translateY(1px)}.gradient-button-container:focus{outline:none}