.btn{font-weight:600;padding:.5rem .75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:2px}.btn:hover{cursor:pointer;text-decoration:none}.btn.btn-primary{background-color:var(--color-interactive-primary);border:1px solid var(--color-interactive-secondary);color:var(--color-background-primary);transition:background-color .3s}.btn.btn-primary:hover{background-color:var(--color-interactive-tertiary)}.btn.btn-secondary{background-color:var(--color-background-primary);color:var(--color-text-primary);border-color:var(--color-background-dark);border-width:1px}.btn.btn-secondary:hover{background-color:var(--color-background-dark);color:var(--color-background-primary);border-color:var(--color-text-primary)}.btn.btn-red{background-color:var(--color-alert-danger);color:var(--color-background-primary);transition:background-color .3s}.btn.btn-red:hover{background-color:var(--color-alert-danger-dark)}.btn.btn-red-secondary{background-color:var(--color-background-primary);border:1px solid var(--color-alert-danger);color:var(--color-alert-danger);transition:background-color .3s}.btn.btn-red-secondary:hover{background-color:var(--color-alert-danger);color:var(--color-background-primary)}.btn.btn-xs{font-size:.75rem;padding:.5rem}.btn.btn-lg{font-size:1.125rem}.btn.btn-xl{font-size:1.25rem}.btn:disabled{cursor:not-allowed;opacity:.65}