CSS if an element hover than element active change

It's possible to achieve this in any way? If the btn "home" on state :active is red and visible, when I move the mouse :hover on another btn "about" it's possible to change the opacity of "home" :active and make it disappear?