>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3535506. --> Reported by: [mherchel](https://www.drupal.org/user/118428) Related to !177 >>> <p>When clicking the button in the primary hero, the button is focused (at least in Chrome), and then the <code>active</code> state activates. </p> <p>This results in unreadable text because we have some styles coming in from the focus state and some from the active state.</p> <p><img src="https://www.drupal.org/files/issues/2025-07-11/active.gif" alt></p> <p>I'm submitting a quick fix, but TBH, the selectors for the button styles are overly complicated. At some point they should be simplified to reduce weird edge-cases like this.</p>