.button{align-items:center;gap:var(--space-xs);box-sizing:border-box;height:28px;padding:0 var(--space-sm);border-radius:var(--border-radius-md);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-default);border:none;transition:background-color .15s,color .15s;display:inline-flex}.button__icon{flex-shrink:0}.button--pill{height:32px;padding:0 var(--space-md);border-radius:var(--border-radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.button--ghost{color:var(--text-color-secondary);background:0 0}.button--ghost:hover,.button--ghost.button--active{background-color:var(--gray-200);color:var(--text-color-primary)}.button--blue{background-color:var(--accent-blue);color:#fff}.button--blue:hover{background-color:var(--accent-blue-hover)}.button--danger{color:var(--tag-red-text);background:0 0}.button--danger:hover{background-color:var(--tag-red-bg);color:var(--tag-red-text)}.button--subtle{background-color:var(--bg-color-secondary);color:var(--text-color-secondary)}.button--subtle:hover{background-color:var(--gray-200);color:var(--text-color-primary)}.button--outline{isolation:isolate;border:1px solid var(--border-color-default);background-color:var(--bg-color-primary);color:var(--text-color-secondary);position:relative}.button--outline:after{content:"";border-radius:calc(var(--border-radius-md) - 2px);z-index:-1;background-color:var(--bg-color-secondary);opacity:0;pointer-events:none;position:absolute;inset:2px}.button--outline:hover{color:var(--text-color-primary)}.button--outline:hover:after,.button--outline.button--active:after{opacity:1}.button:disabled{opacity:.5;cursor:not-allowed}