.button{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-button);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;transition:all .15s;display:inline-flex}.button:focus-visible{box-shadow:var(--ring-primary);outline:none}.button--filled{background:var(--color-primary);color:#fff}.button--filled:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--filled:active:not(:disabled){background-color:var(--color-primary-active)}.button--outlined{color:var(--color-text-primary);border-color:var(--color-border);background-color:#0000}.button--outlined:hover:not(:disabled){background-color:#2563eb14}.button--outlined:active:not(:disabled){background-color:#2563eb24}.button--text{color:var(--color-primary);background-color:#0000;border-color:#0000}.button--text:hover:not(:disabled){background-color:#2563eb14}.button--text:active:not(:disabled){background-color:#2563eb24}.button--rounded{border-radius:var(--radius-full);padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.button--disabled,.button:disabled{opacity:.4;cursor:not-allowed!important}.button__icon{flex-shrink:0;width:16px;height:16px}
