.c-park-grid-card {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
	padding: var(--spacing-sm);
	background-color: var(--color-white);

	@media (width >= 480px) {
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: auto 1fr;
		grid-template-areas:
			'title title'
			'image text';
	}

	&:hover,
	&:focus {
		.c-park-grid-card__link {
			color: var(--color-secondary);
		}
	}

	.c-park-grid-card__title {
		grid-area: title;
	}

	.c-park-grid-card__image-wrapper {
		position: relative;
		width: 100%;
		padding-bottom: 75%;
		max-height: 124px;
	}

	.c-park-grid-card__image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.c-park-grid-card__text {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	.c-park-grid-card__excerpt {
		p {
			&:last-of-type {
				margin-bottom: 0;
			}
		}
	}

	.c-park-grid-card__link-wrapper {
		display: flex;
		align-items: flex-end;
		flex-grow: 1;
	}

	.c-park-grid-card__link {
		display: flex;
		align-items: center;
		gap: var(--spacing-xs);
		transition: color 0.3s;

		svg {
			transform: rotate(-90deg);
		}
	}
}