.btn{color:#fff;z-index:1;letter-spacing:3px;text-transform:uppercase;background-color:#0000;border:none;border-radius:1000px;justify-content:center;align-items:center;padding:1em 2em;font-weight:600;transition:color .2s,transform .15s;display:flex;position:relative}.btn:before{content:"";z-index:-1;background-color:#000;border-radius:1000px;transition:background-color .2s;position:absolute;inset:0}.btn:after{content:"";z-index:-2;background-image:linear-gradient(to bottom right,#00ffc6,#30aadd);border-radius:1000px;position:absolute;inset:-3px}.btn:hover{color:#000}.btn:hover:before{background-color:#fff}.btn:active{transform:scale(.95)}.btn-light{color:#000}.btn-light:before{background-color:#fff}.btn-light:hover{color:#fff}.btn-light:hover:before{background-color:#000}.btn-small{padding:.5em 1em;font-size:12px}.btn-medium{padding:1em 2em;font-size:16px}.btn-large{padding:1.25em 2.5em;font-size:20px}