.cms-video-player{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.btn-video-wrap{
	z-index: 2;
	.cms-btn-text{
		line-height: 1.4;
	}
}
.cms-video-play-btn-top-left,
.cms-video-play-btn-top-right,
.cms-video-play-btn-top-center,
.cms-video-play-btn-center-left,
.cms-video-play-btn-center-right,
.cms-video-play-btn-center-center,
.cms-video-play-btn-bottom-left,
.cms-video-play-btn-bottom-right,
.cms-video-play-btn-bottom-center{
	.btn-video-wrap{
		position: absolute;
	}
}
.cms-video-play-btn-top-left,
.cms-video-play-btn-top-center,
.cms-video-play-btn-top-right{
	.btn-video-wrap{
		top: 40px;
	}
}
.cms-video-play-btn-bottom-left,
.cms-video-play-btn-bottom-center,
.cms-video-play-btn-bottom-right{
	.btn-video-wrap{
		bottom: 40px;
	}
}
.cms-video-play-btn-top-left,
.cms-video-play-btn-center-left,
.cms-video-play-btn-bottom-left{
	.btn-video-wrap{
		left: 40px;
		[dir="rtl"] &{
			left: auto;
			right: 40px;
		}
	}
}
.cms-video-play-btn-top-right,
.cms-video-play-btn-center-right,
.cms-video-play-btn-bottom-right{
	.btn-video-wrap{
		right: 40px;
		[dir="rtl"] &{
			right: auto;
			left: 40px;
		}
	}
}
.cms-video-play-btn-top-center,
.cms-video-play-btn-bottom-center{
	.btn-video-wrap{
		left: 50%;
		@include transform(translateX(-50%));
	}
}
.cms-video-play-btn-center-left,
.cms-video-play-btn-center-right{
	.btn-video-wrap{
		top: 50%;
		@include transform(translateY(-50%));
	}
}
.cms-video-play-btn-center-center{
	.btn-video-wrap{
		top: 50%;
		left: 50%;
		@include transform(translate(-50%, -50%));
	}
}
// Layout 1

// Layout 2
.video-banner2{
	bottom: -40px;
	right: 0;
	max-width: 50%;
	[dir="rtl"]&{
		right: auto;
		left: 0;
	}
}
.cms-video-layout-2{
	.cms-paroller,
	.cms-paroller-inner{
		display: block;
		position: absolute;
	}
	.cms-paroller{
		top: 0;
		left: 40px;
		width: 80px;
		height: 160px;
		background: $white;
		z-index: 1;
		[dir="rtl"] &{
			left: auto;
			right: 40px;
		}
	}
	.cms-paroller-inner{
		left: 60px;
		top: -20px;
		width: 40px;
		height: 80px;
		background: var(--color-accent);
		z-index: 2;
		[dir="rtl"] &{
			left: auto;
			right: 60px;
		}
	}
}
// layout 3
.cms-video-layout-3{
	.cms-video-btn{
		@include box-shadow(0 0 0 15px #{'rgba(var(--color-accent-rgb), 0.2)'} );
	}
}