@layer blocks {
	.content-block {
		display: grid;
		gap: 20px;
		
		@media (width < 48em) {
			& .button {
				inline-size: 100%;
			}
		}

		&.small-width {
			margin-inline: auto;
			max-inline-size: 800px;
		}
	}

	.content-block-row {
		display: grid;
		gap: 30px;

		@media (width >= 48em) {
			align-items: start;
			grid-template-columns: .9fr auto;
			justify-content: space-between;
		}
	}

	.youtube-facade {
		position: relative;
		width: 100%;
		max-width: 1280px;
		aspect-ratio: 16/9;
		cursor: pointer;
		overflow: hidden;
		display: block;
	}

	.youtube-facade-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.youtube-facade-play {
		height: 48px;
		left: 50%;
		margin-left: -34px;
		margin-top: -24px;
		position: absolute;
		top: 50%;
		width: 68px;
	}

	.youtube-iframe {
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}
}