.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.button:disabled{opacity:.5;cursor:not-allowed}.button-default{background:var(--color-primary);color:var(--color-content-bg);border:none}.button-default:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-content-bg)}.button-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)!important}.button-outline:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-content-bg)}.button-sm{padding:6px 12px;font-size:.7rem}.button-md{padding:8px 16px;font-size:.8rem}.button-lg{padding:10px 20px;font-size:.9rem}