.elementor-cta__bg-wrapper {
	aspect-ratio: 16/9;
}

.elementor-cta__bg-wrapper .elementor-ribbon,
.elementor-cta__bg-wrapper .elementor-cta__bg-overlay {
	pointer-events: none;
}


.elementor-cta__bg-wrapper .overlay-icon-wrapper {
	transition: all 0.35s;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	pointer-events: none;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	top: 0;
	left: 0;
	padding: 1.2rem;
}

.elementor-cta__bg-wrapper .overlay-icon-wrapper > * {
	width: 20px;
	color: #fff;
	fill: #fff;
	opacity: 0.7;
}

.elementor-cta__bg-wrapper .btn-open-video-modal {
	transition: all 0.35s;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

.elementor-cta__bg-wrapper:hover .btn-open-video-modal {
	z-index: 2;
}
.elementor-cta__bg-wrapper:hover .overlay-icon-wrapper {
	justify-content: center;
	align-items: center;
}
.elementor-cta__bg-wrapper:hover .overlay-icon-wrapper > * {
	width: 20%;
	opacity: 0.8;
}

.preview-video-display-visible .elementor-cta__bg,
.preview-video-display-visible .elementor-cta__bg-overlay {
	opacity: 0;
}

.preview-video-display-hidden .elementor-cta__preview-video {
	animation: acr-fadeout;
	animation-iteration-count: 1;
	animation-duration: 0.35s;
	position: absolute;
}

.preview-video-display-hidden:hover .elementor-cta__bg {
	animation-name: acr-fadeout;
	animation-iteration-count: 1;
	animation-duration: 0.6s;
}

.preview-video-display-hidden:hover .elementor-cta__preview-video {
	animation-name: acr-fadein;
	animation-duration: 0.5s;
	z-index: 100;
}

@keyframes acr-fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes acr-fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}