.button{align-items:center;gap:var(--space-1-5);padding:var(--space-2);font-size:var(--text-md);white-space:nowrap;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;display:inline-flex}.button:disabled{opacity:.55;cursor:default}.button--primary{color:var(--color-surface);background:var(--color-accent);border-color:var(--color-accent)}.button--danger{color:var(--color-surface);background:var(--color-danger);border-color:var(--color-danger)}.button--ghost{background:0 0;border-color:#0000}.button--icon{width:var(--control-md);height:var(--control-md);line-height:var(--leading-none);justify-content:center;align-items:center;padding:0;display:inline-flex}.button .ms-icon{flex:none}.button--tiny{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.button--small{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm)}.button--small.button--icon{width:var(--control-sm);height:var(--control-sm);padding:0}.button--tiny.button--icon{width:var(--control-xs);height:var(--control-xs);padding:0}.button--danger-icon{color:var(--color-danger)}@media (hover:hover){.button:hover{background:var(--color-surface-2)}.button--primary:hover{background:color-mix(in srgb, var(--color-accent) 84%, var(--color-text))}.button--danger:hover{background:color-mix(in srgb, var(--color-danger) 84%, var(--color-text))}.button--ghost:hover{background:var(--color-surface-2)}.button--danger-icon:hover{color:var(--color-danger);background:var(--color-danger-soft);border-color:color-mix(in srgb, var(--color-danger) 30%, transparent)}}.ms-icon{vertical-align:-.125em;-webkit-user-select:none;user-select:none;width:1em;height:1em}