When an element is hovered over by a user’s cursor, it should change to its hover state. It gives users a visual cue that they can take some kind of action with the element.

Common hover state behaviors include changing the element's color, size, or appearance, such as highlighting a button, displaying additional information when hovering over a link, or causing an icon to animate.