Example button does not visually respond to clicking

### Describe the bug

In this example, the button appears to not be working. It is indistinguishable from a .png screenshot of a button.

Is it disabled?

I was expecting a visual change of some kind when hovering the button and when clicking the button. This would be consistent with other buttons I see in working applications.


### Reproduction

Load https://vue3.examples.histoire.dev/story/src-components-colorbutton-story-vue?variantId=src-components-colorbutton-story-vue-0&tab=

And attempt to do normal stuff with that button: hover, click

### System Info

```shell
Chrome
```

### Used Package Manager

npm

### Validations

- [x] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [x] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [x] Read the [docs](https://histoire.dev/guide/).
- [x] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) that reports the same bug to avoid creating a duplicate.
- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/histoire-dev/histoire/discussions).
- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.

Open the provided Vue 3 example URL in Chrome and inspect the example button while hovering and clicking it. Confirm the button has a visible interactive response and verify the behavior against other working examples.

Written by the indexing model from the issue text.