Add Transition to Hover Effect in CSS

[sarbj1]

The current hover effect lacks a transition, resulting in a sudden change in color and background. Adding a transition will enhance the user experience by providing a smoother visual change.