.hero-button{text-align:center;color:#fff;cursor:pointer;background:linear-gradient(90deg,#ffffff17 99.99%,#ffffff54 100%) padding-box padding-box;border-radius:50px;justify-content:center;align-items:center;width:20vw;max-width:232px;height:8vh;max-height:70px;font-size:1rem;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.hero-button:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#ffb90b 18.66%,#000cb6 50.28%,#c2fffd 98.37%);padding:3px;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}.hero-button:hover{transform:scale(1.05)}.hero-button:after{content:"";background:linear-gradient(120deg,#fff3 0%,#fff6 50%,#ffffff1a 100%);width:20%;height:100%;transition:all .3s ease-in-out;animation:2s linear infinite shine;position:absolute;top:0;left:-100%;transform:skew(-40deg)}@keyframes shine{0%{left:-150%}to{left:150%}}@media (max-width:1024px){.hero-button{font-size:.95rem;width:50vw!important;height:8vh!important}}@media (max-width:768px){.hero-button{border-radius:40px;font-size:.9rem;width:30vw!important;height:8vh!important}}@media (max-width:480px){.hero-button{background:#051650;border-radius:30px;padding:2px;font-size:.75rem;width:45vw!important;height:8vh!important}}