.primary-button{justify-content:center;align-items:center;gap:var(--space-1);padding:12px var(--space-3);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;outline:none;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform 90ms;display:inline-flex}.primary-button:active{transform:scale(.95)}.primary-button--compact{gap:6px;padding:6px 14px}.primary-button--full{gap:var(--space-1);grid-template-columns:auto 1fr auto;width:100%;display:grid}.primary-button--full .primary-button__label{text-align:center}.primary-button--full .primary-button__icon--lead{justify-self:start}.primary-button--full .primary-button__icon--trail{justify-self:end}.primary-button--primary{background:var(--color-accent);color:var(--dark-text-primary)}.primary-button--primary:hover{background:linear-gradient(var(--color-white-10), var(--color-white-10)), var(--color-accent)}.primary-button--secondary{background:var(--color-white-15);color:var(--color-text-primary)}.primary-button--secondary:hover{background:var(--color-white-15)}.primary-button--outline{border-color:var(--color-border-subtle);color:var(--color-text-primary);background:0 0}.primary-button--outline:hover{background:var(--color-white-15)}.primary-button__icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.primary-button__icon svg{width:16px;height:16px;display:block}.primary-button--compact .primary-button__icon svg{width:14px;height:14px}.primary-button__label{display:inline-block}.primary-button--loading{pointer-events:none;cursor:progress}.primary-button__spinner{animation:.9s linear infinite primary-button-spin}@keyframes primary-button-spin{to{transform:rotate(360deg)}}.primary-button--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}