/* Release 1.10.15: aligned and visible mobile engagement controls. */
@media (max-width: 700px) {
	body.cs2day-v2 .cs2-engagement-bar > .cs2-engagement-comment,
	body.cs2day-v2 .cs2-engagement-bar > .cs2-reactions,
	body.cs2day-v2 .cs2-engagement-bar > .cs2-card-actions,
	body.cs2day-v2 .cs2-engagement-bar > form:has(.cs2-reaction),
	body.cs2day-v2 .cs2-engagement-bar > [class*="personal-actions"] {
		align-self: center;
		flex: 0 0 38px !important;
		height: 38px !important;
		max-height: 38px !important;
		max-width: 38px !important;
		min-height: 38px !important;
		min-width: 38px !important;
		width: 38px !important;
	}

	body.cs2day-v2 .cs2-engagement-bar :where(.cs2-engagement-comment, .cs2-reaction, .cs2-bookmark-button) {
		align-self: center;
		line-height: 1;
		vertical-align: middle;
	}
}

@media (max-width: 430px) {
	body.cs2day-v2 .cs2-home-news-card--compact .cs2-engagement-bar {
		display: flex;
		height: 46px;
		min-height: 46px;
		padding: 8px 0 0;
	}
}