@keyframes scale-up{0%{transform:scaleY(1) scaleX(1);opacity:.5}to{transform:scaleX(1.3) scaleY(2);opacity:0}}.signup-button{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 24px;color:#ffffff;border-radius:8px;background-color:hsl(var(--primary));cursor:pointer;user-select:none;font-family:Spartan,sans-serif;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden}.signup-button .signup-button__text{margin-right:12px}.signup-button .signup-button__icon,.signup-button .signup-button__text{position:relative;transition:.18s ease-in-out;z-index:2}.signup-button:before{content:"";position:absolute;width:100%;height:100%;background-color:#ffffff;opacity:0;border-radius:8px;z-index:-1}.signup-button.active:before{animation:scale-up .3s ease;opacity:.5}.signup-button:after{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,hsl(330,90%,70%),hsl(270,80%,65%));z-index:1;transition:.18s ease-in-out;transform-origin:center left;transform:scaleX(0);border-radius:8px}.signup-button:hover{color:#ffffff}.signup-button:hover:after{transform-origin:center right;transform:scaleX(1)}.signup-button:hover .signup-button__icon{transform:translate3d(400%,0,0);opacity:0}.signup-button:hover .signup-button__text{transform:translate3d(12px,0,0)}.signup-button:active:hover{opacity:.8;transition:opacity .3s ease-in-out}.signup-button.active{&:before{animation:scale-up .3s ease}}