Trying to change text color when hovering over container

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;
}