@randompenguin good work but how about leaving the words persons and people out? Everyone will know what the numbers mean.
@corneel It's not in a separate container element from the number which makes it tricky to hide it. Using clip-path works, but reduces the clickable/hover area to just the number itself, which for single digits isn't much. I'd have to test it, but I think hiding the word might also mean screen readers won't read it, and there's no ARIA accessibility stuff on any of those response elements. The only thing I tried that kind of worked was to create an absolutely positioned pseudo-element with the background color placed over the word to hide it. There are probably edge-cases where it would look weird or the layout wouldn't work. I'll consider it, but it may not be worth the extra work.
@randompenguin
What you just could do is put a <span> tag over the words, so it will be easy to address with css. The pseudo element solution is not ideal.
@corneel Yes, that would be better and easier. But I can ONLY use CSS for the Bookface scheme. I can't change the actual theme structure, apart from adding pseudo-elements.
@randompenguin OK sorry I didn't know that. your solution seems most legit then.