/* Блок рейтинга в новости */
.rating-emoji {
	display: flex;
	background-color: #2d2d2d;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #444;
	margin-top: 8px; /* ИЗМЕНЕНО: Уменьшен отступ */
	margin-bottom: 8px; /* ИЗМЕНЕНО: Уменьшен отступ */
}

.rating-emoji .rating-emoji-item {
	flex: 1;
	text-align: center;
	text-decoration: none;
	padding: 4px; /* ИЗМЕНЕНО: Уменьшены внутренние отступы */
	position: relative;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
}

/* Вертикальные разделители между иконками */
.rating-emoji .rating-emoji-item:not(:last-child) {
	border-right: 1px solid #444;
}

/* Эффект при наведении курсора */
.rating-emoji .rating-emoji-item:hover {
	background-color: #404040;
}

/* Стиль для самой иконки-эмодзи */
.rating-emoji-item span {
	font-size: 16px; /* ИЗМЕНЕНО: Уменьшен размер эмодзи */
	line-height: 1;
	display: block;
}

/* Стиль для счетчика (цифры) */
.rating-emoji-item .rating-emoji-item-count {
	display: block;
	font-size: 10px; /* ИЗМЕНЕНО: Уменьшен размер цифр */
	line-height: 1.2;
	margin-top: 3px;
	color: #a0a0a0;
	font-weight: bold;
	transition: color 0.2s ease-in-out;
}

.rating-emoji .rating-emoji-item:hover .rating-emoji-item-count {
	color: #ffffff;
}

/* Стиль для активного (выбранного) элемента */
.rating-emoji .rating-emoji-item.active {
	background-color: #327BAA; /* ИЗМЕНЕНО: Цвет заменён на менее яркий синий */
}

.rating-emoji .rating-emoji-item.active .rating-emoji-item-count {
	color: #ffffff;
}