.gh-card {
	border-radius: 0.5rem;
	color: light-dark(var(--white), var(--black));
	background: light-dark(var(--deep_green), var(--cream));
	max-width: 15rem;
	filter: drop-shadow(0 0 0.75rem oklch(from var(--black) l c h / calc(alpha - 0.2)));
	border: 3px solid light-dark(var(--deep_green), var(--cream));
	transition: scale 0.25s;

	&:hover,
	&:focus-within {
		scale: 1.02;
	}

	a {
		text-decoration: none;

		&:hover {
			opacity: 1;
		}
	}
}

.gh-card-picture img {
	border-radius: 0.5rem;
}

.gh-card-content {
	padding: 1.5rem 1rem;

	h3 {
		font-size: 1.4rem;
	}

	.gh-card-meta {
		display: block;
		padding-bottom: 0.5rem;
		font-size: 0.9rem;
		opacity: 70%;
	}
}