/* video Layout Styles */
.video_article {
	height: 100%;
}

.video-block {
	height: auto;
	width: 100%;
	position: relative;
	text-decoration: none;
	color: var(--odnhn-black-100);
	display: flex;
	flex-direction: column;
	gap: max(1rem, calc(1 * var(--su)));
}

.video-block .img-wrapper::before {
	background: radial-gradient(62.36% 62.36% at 50% 50%, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.00) 100%);
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}

.video-block .img-wrapper::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: max(3rem, calc(4 * var(--su)));
	height: auto;
	aspect-ratio: 1;
	background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='%237B2185'/%3E%3Cmask id='mask0_755_3843' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='40' height='40'%3E%3Crect x='12' y='12' width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_755_3843)'%3E%3Cpath d='M28.9874 38.0246L38.0257 31.9992L28.9874 25.9738V38.0246ZM25.8291 46.5921C23.9027 45.7652 22.2269 44.6391 20.8016 43.2138C19.3763 41.7888 18.2475 40.1158 17.4153 38.1946C16.5831 36.2738 16.167 34.2194 16.167 32.0313C16.167 30.933 16.276 29.8528 16.4941 28.7909C16.7119 27.7289 17.0302 26.6937 17.4491 25.6851L19.3912 27.6276C19.1584 28.3498 18.9795 29.073 18.8545 29.7971C18.7295 30.5216 18.667 31.2556 18.667 31.9992C18.667 35.7214 19.9587 38.8742 22.542 41.4576C25.1253 44.0409 28.2781 45.3326 32.0003 45.3326C35.7225 45.3326 38.8753 44.0409 41.4587 41.4576C44.042 38.8742 45.3337 35.7214 45.3337 31.9992C45.3337 28.277 44.042 25.1242 41.4587 22.5409C38.8753 19.9576 35.7225 18.6659 32.0003 18.6659C31.2503 18.6659 30.5159 18.7284 29.797 18.8534C29.0778 18.9784 28.3657 19.1573 27.6607 19.3901L25.7441 17.4738C26.7377 17.0485 27.7392 16.7242 28.7487 16.5009C29.7584 16.2776 30.8102 16.1659 31.9041 16.1659C34.103 16.1659 36.1709 16.5794 38.1078 17.4063C40.0448 18.2333 41.7312 19.362 43.167 20.7926C44.6028 22.2231 45.7395 23.9016 46.577 25.828C47.4148 27.7541 47.8337 29.8112 47.8337 31.9992C47.8337 34.1873 47.4175 36.2444 46.5853 38.1705C45.7531 40.0969 44.6244 41.7727 43.1991 43.198C41.7738 44.6233 40.098 45.752 38.1716 46.5842C36.2455 47.4164 34.1884 47.8326 32.0003 47.8326C29.8123 47.8326 27.7552 47.4191 25.8291 46.5921ZM20.1174 22.9209C19.7274 22.5309 19.5324 22.0634 19.5324 21.5184C19.5324 20.9737 19.7274 20.5063 20.1174 20.1163C20.5074 19.7263 20.9748 19.5313 21.5195 19.5313C22.0645 19.5313 22.532 19.7263 22.922 20.1163C23.3117 20.5063 23.5066 20.9737 23.5066 21.5184C23.5066 22.0634 23.3117 22.5309 22.922 22.9209C22.532 23.3106 22.0645 23.5055 21.5195 23.5055C20.9748 23.5055 20.5074 23.3106 20.1174 22.9209Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.video-block .img-wrapper {
	position: relative;
	z-index: 1;
	aspect-ratio: 445/325;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: var(--general-border-radius-small);
}

.video-block .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform .3s ease;
}

.video-block:hover .img-wrapper img, .video-block:focus .img-wrapper img, .video-block:active .img-wrapper img {
	transform: scale(1.02);
}

@media screen and (max-width: 767px) {
	
	.video-block .video-content .video-tags {
		display: none;
	}
	
	.video-block .video-content .button-wrap {
		grid-template-rows: 1fr;
	}
	
}