/**
 * Shared play-button hover for kids lesson pages.
 * Scales the icon so play_x / play_y on the button stay intact.
 */

.hgkid_play {
	transition: filter 0.2s ease;
}

.hgkid_play__icon {
	transition: transform 0.2s ease;
	transform-origin: center center;
}

.hgkid_play:hover,
.hgkid_play:focus-visible {
	filter: brightness(1.08);
	outline: none;
}

.hgkid_play:hover .hgkid_play__icon,
.hgkid_play:focus-visible .hgkid_play__icon {
	transform: scale(1.12);
}

.hgkid_play:active .hgkid_play__icon {
	transform: scale(0.96);
}

@media (prefers-reduced-motion: reduce) {
	.hgkid_play,
	.hgkid_play__icon {
		transition: none;
	}

	.hgkid_play:hover .hgkid_play__icon,
	.hgkid_play:focus-visible .hgkid_play__icon,
	.hgkid_play:active .hgkid_play__icon {
		transform: none;
	}

	.hgkid_play:hover,
	.hgkid_play:focus-visible {
		filter: none;
	}
}