.news-card {
	display: grid;
	grid-template-columns: 190px auto;
	align-items: center;
	grid-gap: 24px;
}

.news-card:not(:last-child) {
	margin-bottom: 24px;
}

.news-card-img img {
	border-radius: 12px;
	max-height: 160px;
}

.news-card-img:hover img {
	opacity: .9;
}

.news-card-title {
	font-size: 18px;
	color: var(--mirage-950);
	font-weight: 600;
	line-height: 20px;
}

.news-card-title:hover {
	color: var(--thunderbird-600);
}

.news-card-desc {
	color: var(--grey);
	font-size: 16px;
	line-height: 24px;
	margin: 4px 0 12px;	
}

.news-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	color: var(--grey);
}

.news-card-meta > span {
	display: flex;
	align-items: flex-end;
	gap: 4px;
}

.news-card-meta > span::before {
	content: '';
	min-width: 20px;
	height: 20px;
	background-size: 20px;
}

.news-card-meta > span.news-card-meta__data::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgOC4zMzM0MkgyLjVNMTMuMzMzMyAxLjY2Njc1VjUuMDAwMDhNNi42NjY2NyAxLjY2Njc1VjUuMDAwMDhNNi41IDE4LjMzMzRIMTMuNUMxNC45MDAxIDE4LjMzMzQgMTUuNjAwMiAxOC4zMzM0IDE2LjEzNSAxOC4wNjA5QzE2LjYwNTQgMTcuODIxMiAxNi45ODc4IDE3LjQzODggMTcuMjI3NSAxNi45Njg0QzE3LjUgMTYuNDMzNiAxNy41IDE1LjczMzUgMTcuNSAxNC4zMzM0VjcuMzMzNDJDMTcuNSA1LjkzMzI4IDE3LjUgNS4yMzMyMiAxNy4yMjc1IDQuNjk4NDRDMTYuOTg3OCA0LjIyODAzIDE2LjYwNTQgMy44NDU1OCAxNi4xMzUgMy42MDU5QzE1LjYwMDIgMy4zMzM0MSAxNC45MDAxIDMuMzMzNDEgMTMuNSAzLjMzMzQxSDYuNUM1LjA5OTg3IDMuMzMzNDEgNC4zOTk4IDMuMzMzNDEgMy44NjUwMiAzLjYwNTlDMy4zOTQ2MiAzLjg0NTU4IDMuMDEyMTcgNC4yMjgwMyAyLjc3MjQ4IDQuNjk4NDRDMi41IDUuMjMzMjIgMi41IDUuOTMzMjggMi41IDcuMzMzNDFWMTQuMzMzNEMyLjUgMTUuNzMzNSAyLjUgMTYuNDMzNiAyLjc3MjQ4IDE2Ljk2ODRDMy4wMTIxNyAxNy40Mzg4IDMuMzk0NjIgMTcuODIxMiAzLjg2NTAyIDE4LjA2MDlDNC4zOTk4IDE4LjMzMzQgNS4wOTk4NyAxOC4zMzM0IDYuNSAxOC4zMzM0WiIgc3Ryb2tlPSIjRDJEOUU1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
.news-card-meta > span.news-card-meta__comments::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2MzUgNy45MTY2N0g5Ljk5OTY4TTYuNjY2MzUgMTAuODMzM0gxMi40OTk3TTEwLjQxNjMgMTYuNjY2N0MxNC4zMjg0IDE2LjY2NjcgMTcuNDk5NyAxMy40OTUzIDE3LjQ5OTcgOS41ODMzM0MxNy40OTk3IDUuNjcxMzIgMTQuMzI4NCAyLjUgMTAuNDE2MyAyLjVDNi41MDQzMyAyLjUgMy4zMzMwMiA1LjY3MTMyIDMuMzMzMDIgOS41ODMzM0MzLjMzMzAyIDEwLjM3NSAzLjQ2Mjg5IDExLjEzNjMgMy43MDI0OSAxMS44NDcyQzMuNzkyNjYgMTIuMTE0NyAzLjgzNzc0IDEyLjI0ODQgMy44NDU4NyAxMi4zNTEyQzMuODUzOSAxMi40NTI3IDMuODQ3ODMgMTIuNTIzOCAzLjgyMjczIDEyLjYyMjVDMy43OTczMSAxMi43MjIzIDMuNzQxMTggMTIuODI2MiAzLjYyODkzIDEzLjAzNEwyLjI2NTg4IDE1LjU1N0MyLjA3MTQ1IDE1LjkxNjggMS45NzQyNCAxNi4wOTY4IDEuOTk2IDE2LjIzNTZDMi4wMTQ5NSAxNi4zNTY2IDIuMDg2MTQgMTYuNDYzMSAyLjE5MDY2IDE2LjUyNjlDMi4zMTA2NiAxNi42MDAxIDIuNTE0MSAxNi41NzkgMi45MjA5NyAxNi41MzdMNy4xODg0OSAxNi4wOTU4QzcuMzE3NzIgMTYuMDgyNSA3LjM4MjM0IDE2LjA3NTggNy40NDEyMyAxNi4wNzgxQzcuNDk5MTYgMTYuMDgwMyA3LjU0MDA1IDE2LjA4NTcgNy41OTY1NCAxNi4wOTg3QzcuNjUzOTggMTYuMTEyIDcuNzI2MiAxNi4xMzk4IDcuODcwNjUgMTYuMTk1NEM4LjY2MDY5IDE2LjQ5OTggOS41MTkwMyAxNi42NjY3IDEwLjQxNjMgMTYuNjY2N1oiIHN0cm9rZT0iI0QyRDlFNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.news-card-meta a {
	color: var(--grey);
}

.news-card-meta a:hover {
	text-decoration: underline;
}


@media (max-width: 576px) {
	.news-card {
		display: block;
	}

	.news-card:not(:last-child) {
		margin-bottom: 26px;
	}

	.news-card-img img {
		max-height: 180px;
	}

	.news-card-body {
		margin-top: 12px;
	}
}