Customising ionic button/components in react

Hi there,

I’m having issues customizing ionic components using css variables & styled components in react… I’ve created a button component and I tried changing its --background-hover property both using styled components and normal css, however it doesn’t seem to be used correctly, any ideas?

Code Example:

EDIT: I’ve discovered this seems to be a bug in the “md” mode, if I switch the component’s mode to “ios” it seems to work fine and switch the hover color to pink

Thanks in advance!