/** @format */
.news_list {
	display: grid;
	padding: var(--universal-gap) 0;
}

.news_link__contents {
	display: grid;
	grid-template-columns: 0.8fr 3fr 2fr 1.5fr auto;
	align-items: center;
	gap: 1em;
	padding: 1em 0;
	border-bottom: 1px solid var(--color-grey);
	transition: all 300ms ease;
}

.news_link:last-of-type .news_link__contents {
	border-bottom: none;
}

.news_link__img {
	width: 5em;
	height: 5em;
	overflow: hidden;
	border-radius: 50%;
}

.news_link__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news_link__icon {
	width: 1em;
	height: 1em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: var(--ff-icon-font);
	font-size: 1.5em;
	transform: rotate(-45deg);
	transition: all 300ms ease;
}

.news_link__icon::after {
	content: var(--arrow-right);
}

.news_list .news_archive_link {
	padding: 1em 0 1em 1em;
	justify-self: end;
	cursor: pointer;
}

.news_list .news_all_link {
	text-decoration: underline;
}

@media (hover: hover) {
	.news_link:hover {
		color: var(--color-blue);
	}

	.news_link:hover .news_link__icon {
		transform: rotate(0);
	}

	.news_archive_link:hover .news_all_link {
		color: var(--color-blue);
		transition: all 300ms ease;
	}
}

@media screen and (max-width: 760px) {
	.news_link__contents {
		display: flex;
		flex-direction: column;
		text-align: center;
	}
}