#1

In the global search pane the count of the number of results on the right is purple when the title is hovered over, as per the screenshot below.

count1

I would like to change that color. I have been able to find the code for when one hovers over the little square on the right, as per the next screenshot.

count2

This is the code I achieve that with:

/* global search result count */
span.search-result-count.pane-list-item-ending-flair:hover {
  background-color: var(--base2);
  color: white;
}

But when I hover over the title the square still turns purple.
How can I get the square background to turn green too when I hover over the title?

#2

Try .pane-list-item:hover .pane-list-item-ending-flair, yours might not be specific enough.

#3

@Silver: thank you, that did the trick.