.c-article-grid-card {
	.c-article-grid-card__article {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}

	.c-article-grid-card__image-wrapper {
		position: relative;
		aspect-ratio: 390 / 250;
		margin-bottom: 10px;
	}

	.c-article-grid-card__image {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	&:hover {
		.c-article-grid-card__title {
			color: var(--color-secondary);
		}
	}

	.c-article-grid-card__title {
		color: var(--color-primary);
		margin-bottom: var(--spacing-sm);
		transition: color 0.2s ease;
	}

	.c-article-grid-card__excerpt {
		margin-bottom: var(--spacing-sm);
		flex-grow: 1;
	}

	.c-article-grid-card__meta {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-sm);
	}

	.c-article-grid-card__category {
		color: var(--color-grey);
		background-color: var(--color-grey-light);
		padding: 5px 15px;
	}

	.c-article-grid-card__date {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}