.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;font-size:.875rem;line-height:1.05rem;max-height:3rem;&:focus-visible{outline:2px solid rgb(var(--focus-ring));outline-offset:2px}&:disabled{opacity:.5;cursor:not-allowed}}.btn-primary{background-color:rgb(var(--primary));color:rgb(var(--primary-foreground));font-family:var(--font-ibm-plex-mono),monospace;letter-spacing:.05em;font-weight:600;border-radius:0;&:hover:not(:disabled){background-color:rgb(var(--primary-hover))}&:active{transform:translateY(1px)}}.btn-secondary{background-color:rgb(var(--secondary));color:rgb(var(--secondary-foreground));border-color:rgb(var(--border));&:hover:not(:disabled){background-color:rgb(var(--secondary-hover));border-color:rgb(var(--border-hover))}}.btn-destructive{background-color:rgb(var(--destructive));color:rgb(var(--destructive-foreground));&:hover:not(:disabled){background-color:rgb(var(--destructive-hover))}}.btn-success{background-color:rgb(var(--success,34,197,94));color:rgb(var(--white));&:hover:not(:disabled){background-color:rgb(var(--success-hover,22,163,74))}}.btn-outline{background-color:transparent;color:rgb(var(--text-primary));border-color:rgb(var(--border-hover));font-family:var(--font-ibm-plex-mono),monospace;letter-spacing:.05em;border-radius:0;&:hover:not(:disabled){background-color:rgb(var(--surface));border-color:rgb(var(--primary));color:rgb(var(--primary))}}.btn-ghost{background-color:transparent;color:rgb(var(--text-primary));&:hover:not(:disabled){background-color:rgb(var(--surface))}}.btn-sm{height:2rem;padding:0 .75rem;font-size:.75rem}.btn-md{height:2.5rem;padding:0 1rem}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.rounded-full{border-radius:9999px}