https://stackoverflow.com/questions/73524088/is-there-a-way-to-chain-multiple-tailwind-css-classes-on-a-single-hover-instance
There is a way to achieve this functionality through tailwind. According to this docs (https://tailwindcss.com/docs/gradient-color-stops) we need to broke our css statements for hover state in multiple separate hover class in a sequential order. Then it will be good to go. I have solved it in this way:
<button class="hover:scale-105 hover:bg-blue-500">click me</button>
