.card {
	--card-gap: var(--spacing-div2);

	@media (width > 768px) {
		--card-gap: var(--spacing);
	}

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--card-gap);
}

.card__title {
	font-size: var(--h4);
	margin-bottom: 0;
}

.card__text {
	margin-bottom: auto;
}

.card__link {
	margin-top: auto;

	a {
		display: inline-block;
	}
}