.btn{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;font-family:Fira Code,monospace;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn--sm{padding:8px 16px;font-size:.8rem}.btn--md{min-height:42px;padding:12px 24px;font-size:1rem}.btn--lg{padding:16px 32px;font-size:1.2rem}.btn--outline{color:#00ff41;background:0 0;border:1px solid #00ff41;box-shadow:inset 0 0 #00ff41}.btn--outline:hover:not(:disabled){text-shadow:0 0 5px #00ff41;background:#00ff411a;transform:translateY(-2px);box-shadow:0 0 10px #00ff4166,inset 0 0 10px #00ff411a}.btn--primary{color:#050505;background:#00ff41;border:1px solid #00ff41}.btn--primary:hover:not(:disabled){background:#00f2ff;border-color:#00f2ff;box-shadow:0 0 15px #00f2ff99}.btn--danger{color:#ff003c;background:0 0;border:1px solid #ff003c}.btn--danger:hover:not(:disabled){text-shadow:0 0 5px #ff003c;background:#ff003c1a;box-shadow:0 0 10px #ff003c66}.btn--ghost{color:#00ff4199;background:0 0}.btn--ghost:hover:not(:disabled){color:#00ff41;background:#ffffff0d}.btn:disabled,.btn--loading{opacity:.5;cursor:not-allowed;filter:grayscale()}.btn__loader{animation:1s infinite blink}.btn__corner{opacity:.7;border:1px solid #0000;width:6px;height:6px;transition:all .3s;position:absolute}.btn__corner--tl{border-top-color:currentColor;border-left-color:currentColor;top:2px;left:2px}.btn__corner--br{border-bottom-color:currentColor;border-right-color:currentColor;bottom:2px;right:2px}.btn:hover .btn__corner{opacity:0;width:100%;height:100%}@media screen and (width<=768px){.btn{letter-spacing:.5px;width:auto;max-width:100%}.btn--sm{padding:6px 12px}.btn--md{min-height:38px;padding:10px 16px}.btn--lg{padding:12px 20px}.btn__corner{width:4px;height:4px}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}