Use the `sd-interactive--inverted` class when displayed on primary background.

```html
<div class="bg-primary p-4 flex flex-row gap-8">
  <button class="sd-interactive sd-interactive--inverted sd-interactive--reset" title="Action name">
    Inverted primary
  </button>
  <button
    class="sd-interactive sd-interactive--variant-secondary sd-interactive--inverted sd-interactive--reset"
    title="Action name"
  >
    Inverted secondary
  </button>
</div>
```