button{letter-spacing:1px;text-transform:uppercase;text-align:center;color:var(--color-primary-1);z-index:1;font-size:18px;font-weight:700;font-family:var(--font-gotham);cursor:pointer;border:0 solid #3a00a8;border-radius:2px;padding:.4em 1em;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 2px 10px #00e8ff29,0 3px 6px #00e8ff1a}button:before{opacity:0;content:"";background-color:var(--color-primary-1);z-index:-1;transition:all .5s;position:absolute;inset:0 50%}button:hover,button:focus{color:#f2f2f7}button:hover:before,button:focus:before{opacity:1;transition:all .5s;left:0;right:0}button:active{transform:scale(.9)}@media screen and (min-width:1024px){button{border:3px solid var(--color-primary-1);box-shadow:none;padding:.7em 2em}}