.ehl-likes {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #eee;
    display: inline-block;
    margin: 10px 0;
}

.ehl-likes i {
    color: #FF0000;
    font-size: 24px;
    margin-right: 5px;
}

.ehl-likes.not-liked i:before {
    content: '\e807'; /* unliked post icon */
	font-family: 'entypo-fontello';
	text-decoration: none;
	font-size: 22px !important;
}
.ehl-likes.liked i:before {
    content: '\e806'; /* liked post icon */
	font-family: 'entypo-fontello';	
	text-decoration: none;
	font-size: 22px !important;}

i.liked-icon::before {
    content: "\e806";
    font-family: 'entypo-fontello';
	text-decoration: none;
	font-size: 22px !important;
}

i.unliked-icon::before {
    content: "\e807";
    font-family: 'entypo-fontello';
	text-decoration: none;
	font-size: 22px !important;
}

.ehl-likes {
    background-color: #fcfcfc;
    padding: 5px 10px;  /* You can adjust this padding to your liking */
    display: inline-block; /* To keep it inline with other content */
    border-radius: 3px; /* optional, if you want rounded corners */
}