.video-modal {
	position: relative;
	text-align: center;
	cursor: pointer;
	margin-bottom: 24px;
}

.video-modal img {
	aspect-ratio: 3 / 2;
	border-radius: 12px;
}

.video-modal video {
	width: 100%;
	height: 100%;
	border-radius: 12px;
}

.video-modal__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	font-size: 100px;
	color: var(--white);
	background: none;
	border: none;
	padding: 0;
	transition: color ease .1s;
}

.video-modal:hover .video-modal__play {
	color: var(--radical-red-600);
}

.popup__modal-video {
	padding: 0;
	max-width: 900px;
}

.popup__modal-video .popup__close {
	background-color: var(--azure-radiance-400);
}

.popup__modal-video video {
	width: 100%;
}

@media (max-width: 575.98px) {
	.popup__modal-video .popup__close {
		top: 30px;
		right: 6px;
	}
}