/* components/_modal-video.css */

.c-modal-video {
	width: 100vw;
	height: 100vh;
	background-color: black;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
}
	.c-modal-video__close-button {
		position: absolute;
		top: clamp( 8px, 2vw, 20px);
		right: clamp( 8px, 2vw, 20px);
		z-index: 10;
		padding: 0;
		background-color: transparent;
		border: 0;
		margin-top:100px;
	}
		.c-modal-video__close-button img {
			background-color: white;
			padding: clamp( 4px, 2vw, 10px);;
			border-radius: 50%;		
		}
	.c-modal-video__close-button:hover img {
		background-color: var(--color-accent);
		cursor: pointer;
	}
	.c-modal-video__video {
		width: 100%;
		height: 100%;
		aspect-ratio: 16/9;
	}


.js-video-open[aria-expanded=true] ~ .js-video-modal {
	display: flex;
}
.js-video-modal,
.js-video-open[aria-expanded=false] ~ .js-video-modal {
	display: none;
}