.emoji-reactions-container {
    margin: 20px 0px;
    display: flex;
}

.emoji-reactions-container .emoji-reaction {
    cursor: pointer;
    margin: 0px 5px;
    text-align: center;
}

.emoji-reactions-container .emoji-reaction span.emoji img {
    width: 40px !important;
    height: 40px !important;
}

.emoji-reactions-container .emoji-reaction.active {
    opacity: 1;
}

.emoji-reactions-container .emoji-reaction.inactive {
    filter: grayscale(100%); /* Makes inactive emojis appear faded */
}

@media (max-width: 767.98px) {
    .emoji-reactions-container .emoji-reaction span.emoji img {
        width: 30px !important;
        height: 30px !important;
    }
}