### Source Peer feedback, collected in #167. Quotes (translated): the hover effect on the buttons could be stronger, it was hard to see; consider thicker text on hover in the result cards with something other than a shadow, because browsers blend the shadow differently and it can make the text unreadable (alternatives: grade axis / font-variation-settings, -webkit-text-stroke); give "Clear filters" a "danger" color, at least on hover. ### What to do - [ ] Give the buttons of the Elements page a hover (and pressed) state that is easy to see in both themes. - [ ] Replace the shadow on the result cards as the hover effect by something that does not blend differently between browsers, and check that the text stays readable. - [ ] Give "Clear filters" a danger color on hover, in the same way as the trash icon on the Gymnast page (`--danger`, with `active:` for touch screens, because Tailwind 4 only uses `hover:` where the device can hover). - [ ] Measure the contrast of the hovered states (at least 3:1 to the background for an edge, and 4.5:1 for the text). ### Done when - [ ] The hover state can be told from the resting state in both themes, and an e2e test measures one of them in the browser. _Comment made with Claude Code in discussion with Ronja_