.sc-reaction-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}

.sc-reaction-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: 30px;
	margin: 0;
	padding: 6px 9px;
	color: #051e72;
	background: linear-gradient(180deg, #fff 0%, #eef3ff 100%);
	border: 1px solid rgba(5, 30, 114, .14);
	border-radius: 999px;
	box-shadow: 0 3px 9px rgba(5, 30, 114, .06);
	font: inherit;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.sc-reaction-btn:hover {
	color: #051e72;
	background: #f2f6ff;
	border-color: rgba(11, 95, 255, .28);
	box-shadow: 0 6px 14px rgba(5, 30, 114, .1);
	transform: translateY(-1px);
}

.sc-reaction-btn.is-active {
	color: #051e72;
	background: linear-gradient(180deg, #feeb4a 0%, #f8c900 100%);
	border-color: rgba(166, 3, 4, .22);
}

.sc-reaction-btn:disabled {
	opacity: .58;
	cursor: wait;
	transform: none;
}

.sc-reaction-btn.is-readonly {
	cursor: default;
	box-shadow: none;
}

.sc-reaction-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	line-height: 1;
}

.sc-reaction-image {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: contain;
	vertical-align: middle !important;
}

.sc-reaction-glyph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	font-size: 15px;
	line-height: 1;
}

.sc-reaction-glyph img.emoji {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	max-width: none !important;
	margin: 0 !important;
	box-shadow: none !important;
	object-fit: contain;
	vertical-align: middle !important;
}

.sc-reaction-label,
.sc-reaction-count {
	line-height: 1;
}

.sc-reaction-count {
	min-width: 8px;
	font-variant-numeric: tabular-nums;
}

.sc-news-discussion-reactions.sc-reaction-bar {
	margin-top: 10px;
}

.sc-news-discussion-reactions .sc-reaction-btn {
	min-height: 31px;
	padding: 6px 9px;
}

@media (max-width: 560px) {
	.sc-reaction-bar {
		gap: 4px;
	}

	.sc-reaction-btn {
		min-height: 32px;
		padding-inline: 8px;
	}
}