.button{justify-content:center;align-items:center;gap:var(--button-gap);height:var(--button-height);padding-inline:var(--button-padding-inline);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing);border:1px solid #0000;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button--sm{height:var(--button-height-sm);padding-inline:var(--size-3);font-size:var(--text-caption)}.button--primary{background:var(--action-bg);color:var(--action-text)}.button--primary:hover:not(:disabled){background:var(--action-bg-hover)}.button--secondary{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-primary)}.button--secondary:hover:not(:disabled){background:var(--surface-hover)}.button--ghost{color:var(--text-secondary);background:0 0}.button--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.button--danger{border-color:var(--market-down-strong);color:var(--market-down-text);background:0 0}.button--danger:hover:not(:disabled){background:var(--market-down-bg)}.button__spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:.85em;height:.85em;animation:.7s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}