.btn{--btn-padding-y:.75rem;--btn-padding-x:1.5rem;--btn-radius:.5rem;border:none;border-radius:var(--btn-radius);cursor:pointer;display:inline-block;font-weight:500;padding:var(--btn-padding-y) var(--btn-padding-x);text-align:center;text-decoration:none;transition:background-color .2s,border-color .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-fg)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-secondary-fg)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg);opacity:.9}