Pseudo-Element Order Reminder

For best results, define your styles in this order: link, visited, hover, focus and active since order matters.

Also always set :focus if you’re setting :hover. Hover is applied for mouseover events and Focus is applied for keyboard-only users.