This aligns and fixes some button state inconsistencies. Most importantly, the accessibility mixins weren't used correctly due to it being used in a CSS module file which converts body.is-tabbing to a scoped class name, e.g. body.is-tabbing-g34tsda.
Fix a11y tabbing visibility for the primary button
Remove the button scale effect when tabbing
Separate focus and hover states (this fixes the button being in a selected state after pressing it)
Align featured card hover and focus scale
Added separate :active state for all buttons to indicate the pressing action (like it should)
Description
This aligns and fixes some button state inconsistencies. Most importantly, the accessibility mixins weren't used correctly due to it being used in a CSS module file which converts
body.is-tabbing
to a scoped class name, e.g.body.is-tabbing-g34tsda
.:active
state for all buttons to indicate the pressing action (like it should)Before "Start watching" button focus
After "Start watching" button focus
Before "Favorites" button focus
After "Favorites" button focus