button link caption color change when mouse moved over

I use button to present a link (link style), that works,I want to display the caption text in different color when the mouse moves over the link, how can I do that, I tried some change in the style css file but it doesn’t work. In the regular HTML link there are hover, visited states, is it also applicable for the link button?

.v-button-link .v-button-caption,
.v-nativebutton-link .v-nativebutton-caption {
text-decoration: underline;
color: inherit;
text-align: left;

CSS :hover pseudo class works with the caption span also. More information e.g.

.v-theme-mytheme .v-button-caption:hover {
    color: #f0f;

It works fine. Thanks!