When my mouse hovers over a vote (up/down) button or “favorite” in Chrome 53, there is a very annoying visual effect where the button “pops out” (becomes slightly bigger, then back to the original size) for a fraction of a second. I'm told that this is by design.

Ok, but it's extremely annoying. How can I turn it off?

I've successfully turned off the animation when clicking an up/downvote button with user CSS (I wish I didn't have to copy this to every browser, though):

a.vote-up-off {
    transition: none !important;
}
a.vote-up-on {
    transition: none !important;
}
a.vote-down-off {
    transition: none !important;
}
a.vote-down-on {
    transition: none !important;
}

But I can't figure out how to turn off the animation that happens on mouse hover. How do I get rid of this animation?

When my mouse hovers over a vote (up/down) button or “favorite” in Chrome 53, there is a very annoying visual effect where the button “pops out” (becomes slightly bigger, then back to the original size) for a fraction of a second. I'm told that this is by design.

Ok, but it's extremely annoying. How can I turn it off?

I've successfully turned off the animation when clicking an up/downvote button with user CSS (I wish I didn't have to copy this to every browser, though):

a.vote-up-off {
    transition: none !important;
}
a.vote-up-on {
    transition: none !important;
}
a.vote-down-off {
    transition: none !important;
}
a.vote-down-on {
    transition: none !important;
}

But I can't figure out how to turn off the animation that happens on mouse hover. How do I get rid of this animation?