<style>
.like-blog
{
margin:2px;
border-radius:50%;
text-align:center;
color:#fff;
font-size:15px;
padding:8px;
display:block;
font-weight: 500;
}
.like-blog:hover
{
opacity: 0.7;
}
.like-button-uan { background:rgb(255,69,0);} /*+1 */
.like-button-too { background:rgb(250,128,114); } /* +2*/
.like-button-fry {background:rgb(255,160,122);} /* +3*/
.like-button-fo {background:rgb(255,215,0);} /* +4 +5*/
</style>
<div class="like-blog like-button-uan">+ 1</div></a>';
<a href="#"><div class="like-blog like-button-too">+ 2</div></a>
<a href="#"><div class="like-blog like-button-fry">+ 3</div></a>
<a href="#"><div class="like-blog like-button-fo">+ 4</div></a>
<a href="#"><div class="like-blog like-button-fo">+ 5</div></a>