<!--
To change the color when hovering in CSS,
you will use the CSS selector called :hover
Example:
-->
<style>
button:hover {
background-color: darkred;
}
</style>
/* Change background color on hover */
.myClass:hover {
background-color: yellow;
}
.side_nav a:hover {
background: #3374C2;
}
<style>
.mydivouter{
position:relative;
background: #f90;
width: 200px;
height: 120px;
margin: 0 auto;
}
.mydivoverlap{
position: relative;
z-index: 1;
}
.mybuttonoverlap{
position: absolute;
z-index: 2;
top: 44px;
display: none;
left: 59px;
}
.mydivouter:hover .mybuttonoverlap{
display:block;
}
</style>
<div class="mydivouter">
<button type="button" class="mybuttonoverlap btn btn-info">Read More</button>
</div>