Use the `sd-interactive--*` classes for alternative appearances:

- primary is the default variant
- `sd-interactive--variant-secondary`: maintains the same visual appearance across different states

```html
<div class="flex flex-row gap-8">
  <button class="sd-interactive sd-interactive sd-interactive--reset" title="Action name">Primary</button>
  <button class="sd-interactive sd-interactive--variant-secondary sd-interactive--reset" title="Action name">
    Secondary
  </button>
</div>
```