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

```html
<div class="bg-primary p-4">
  <button class="sd-interactive sd-interactive--inverted sd-interactive--reset" title="Action name">Inverted</button>
</div>
```