.c-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
}


.c-card__picture {
	width: 100%;
	flex: auto;
	display: block;
}


.c-card__img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	background-color: palette(neutral, 200);
}


.c-card__label {
	position: relative;
	overflow: hidden;
	padding: 14px 10px 15px;
	text-align: center;
	font-weight: bold;
	color: palette(neutral, 0);
	background-color: palette(neutral, 800);
	transition-property: background;
	transition-duration: 250ms;

	.c-card:hover & {
		background-color: palette(neutral, 1000);
	}
}