/* Стиль для активной реакции */
.reaction-button.active {
}

/* Стиль для неактивных (невыбранных) реакций */
.reaction-button.inactive {
    filter: grayscale(100%); /* Применяем фильтр для чёрно-белого цвета */
    opacity: 0.5; /* Пример уменьшенной прозрачности */
    cursor: not-allowed; /* Убираем возможность клика */
}
.reaction-buttons {
    float: left;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.08);
    padding: 5px 0;
}
@media only screen and (max-width: 540px) {
.reaction-emoji {
    font-size: 28px!important;
}}
.reaction-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    text-align: center;
    width: 15.8%;
}

.reaction-button:hover {
    transform: scale(1.1);
}

.reaction-emoji {
    display:flex;
  align-items:center;
  justify-content: center;
}

.reaction-count {

    margin-top: 5px;
        display:flex;
  align-items:center;
  justify-content: center;
    float: left;
    width: 100%;
    font-size: 18px;
    color: #aaa;
}