Hovercolor should not apply on mobile

[EconomicTouristsArmLate]

The :hover state on mobile is sticky after a click on an element.

Thus it is undesirable to have a separate hover color applied to buttons etc on mobile.

This is especially jarring on active-btn / inactive-btn, where the hover color introduces a third visual state that is unexplainable for users.

cropped.mp4

You should only apply hover colors on desktop.
To do so use something like media query any-hover

@media (any-hover: hover) {
  .p-button:hover { ... }
}

Issue encountered in primeng v20.3.0.

[tarunchaudharydev]

i would like to work on this issue. i plan to wrap hover styles inside a '@media(any-hover: hover)' query so hover states only apply on devices that support hover. Please confirm if this approach is acceptable.