Add default “selected” button states

Problem

The current default .selected button doesn’t have hover, focus, or active states, only the :focus:active combination. This is problematic because we treat the selected button as a variant itself, and not just an attribute of a variant.

CleanShot_2020-08-20_at_08.28.42

Solution

• Add states for the default selected button, or consider an actual .btn-selected class.
• Audit selected states for other variants.

View proposed design working file in Figma →