@use "mixins/mixins-master" as *;
@use "mixins/flex" as *;
@use "variables" as *;
.thim-sc-new-video {
	.video {
		.new-video {
			position: relative;
			width: 100%;
			height: 696px;
			box-shadow: 12.9px 15.3px 15px 0 #69696914;
			background-color: #e1e1e1;
			background-repeat: no-repeat;
			background-size: cover;

			.play-button {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 90px;
				height: 90px;
				box-shadow: 12.9px 15.3px 15px 0 #69696914;
				border: 1px solid $thim_body_primary_color;
				background-color: $thim_body_primary_color;
				text-align: center;
				line-height: 90px;
				border-radius: 50%;
				a {
					color: #ffffff;

					i {
						color: #ffffff;

						&:before {
							content: "\f488";
							display: inline-block;
							font-family: "Ionicons";
							font-style: normal;
							font-weight: normal;
							font-size: 40px;
						}
					}
				}

				&:hover {
					background-color: #ffffff;

					a {
						i {
							color: $thim_body_primary_color;
						}
					}
				}
			}

			.icon-right {
				position: absolute;
				right: -50px;
				top: 50%;
				z-index: 9;
				transform: translateY(-50%);
			}

			.icon-bottom {
				position: absolute;
				left: -100px;
				bottom: 33px;
				z-index: 9;
			}
		}
	}
}