Solution:1
Select parent to parent class for overwrite the css.
body div.post-content .blog-button-background:hover .blog-button-text a {
color: white!important;
}Solution:2
/*
to change the color of an element inside a div,
specify what element you want to change
when hovering over the div like this:
*/
.div:hover .element{
color: red;
}
Solution:3
a {
-webkit-transition: color 2s;
transition: color 2s;
}
a:hover {
color: green;
}