.versatile_reacations {
	display: block;
	position: relative;
}

.versatile_reactions {
    display: inline-block;
    width: 80%;
    margin-top: 10px;
    margin-left: .5%;
}

.emojis_wrapper, .emojisx_wrapper, .emojis, .counts {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.emojis_wrapper {
	border-radius: 20px;
    border: 1px solid #cacacacf;
    padding: 3px;
	cursor: pointer;
}
.emojis_wrapper a {
	padding: 1px 5px 1px 10px;
}

.emojisx_wrapper {
	border-radius: 15px;
    border: 1px solid #ebe1e1;
    padding: 8px;
    margin-left: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}
.emojisx_wrapper a {
	padding: 1px 1px 1px 1px;
}

.emojis img {
	width: 26px;
	height: 26px;
}

.counts {
	font-size: 14px;
	padding: 1px 10px 1px 1px;
}
.who_reacted {
    margin-top: 5px;
    z-index: 99;
    position: absolute;
    padding: 5px 10px 10px 10px;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
}