Change "Active" state of button to use "Hover" styles instead of "Focus" styles

Created by: valerybugakov

Problem statement

The "active" state for the button group on the search homepage looks like a focus state. When a user opens the page button groups look confusing because it looks like that button is keyboard-focused, but clicking elsewhere doesn't unfocus it.

Looking at the CSS class, it uses active, and active is part of the same selector that applies :focus styles.

Related issue #23849

Success criteria

1. Button active state uses the styles as hover state.

Things to learn/practice during the implementation

CSS kung-fu.

Estimated amount of work

T-shirt size estimate: S.