.tm-popup-video {
	&.style-poster {
		position: relative;
		&.overlay-style-1 {
			.video-overlay {
				background: rgba(0, 0, 0, .5);
			}
		}
		.video-overlay {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
		img {
			width: 100%;
		}
		.video-play {
			i {
				@extend %transit;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				border-radius: 50%;
				color: #ffffff;
				font-size: 86px;
				height: 86px;
				line-height: 1;
				&:hover {
					font-size: 103px;
					height: 103px;
				}
			}
		}
		&.button-style-2 {
			.video-play {
				@extend %transit2;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				&:hover {
					height: 100px;
					width: 100px;
				}
				.video-play-icon {
					@extend %transit2;
					line-height: 1;
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: 1px;
					margin-left: 3px;
					transform: translate(-50%, -50%);
				}
			}
		}
	}
	&.style-button {
		.video-play {
			i {
				@extend %transit;
				border-radius: 50% !important;
				font-size: 117px !important;
				height: 117px !important;
				line-height: 1 !important;
			}
		}
		&.button-style-2 {
			display: inline-block;
			.video-play {
				position: relative;
			}
			.video-play-icon {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				margin-top: 3px;
				margin-left: 3px;
			}
		}
	}
	&.button-style-2 {
		.video-play {
			border-radius: 50%;
			height: 94px;
			width: 94px;
			text-align: center;
		}
	}
}