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