How to disable hover for a disabled button?

[karthickthankyou]

I was creating a reusable button component. For disabled state, I was able to do using the below classes.
disabled:opacity-50 disabled:cursor-not-allowed

But still, the hover is working which looks odd. I could not immediately find a way to disable that.

1. How to disable hover for a disabled button using the current tailwind features?
2. Can we suppress hover and other non-applicable features disabled by default on the disabled button?

Thank you