.card {
	position: relative;
	background: #fff;
	color: var(--color-text-main);
	border: none;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-soft);
	transition:
		transform 0.2s,
		box-shadow 0.2s,
		background 0.2s;
}

#info.card {
	pointer-events: none;
}

.children-column .card,
#events .card,
#nextEvent .card {
	pointer-events: auto;
}

.children-column .card:hover,
#events .card:hover,
#nextEvent .card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-hover);
}

.children-column .card:hover {
	transform: scale(1.05) translateY(-4px);
	box-shadow: var(--shadow-pink-glow);
}