/home/moonrcjl/public_html/wp/wp-content/themes/arsha/assets/scss/layout/pages/_video.scss
@use "../../utils" as *;
/*----------------------------------------*/
/* 7.1 Team css start
/*----------------------------------------*/
.mtvideo {
&__space {
padding-top: 375px;
padding-bottom: 375px;
@media #{$xs} {
padding-top: 220px;
padding-bottom: 220px;
}
&-2 {
padding-top: 240px;
padding-bottom: 240px;
}
}
&__bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
&__play {
& a {
width: 150px;
height: 150px;
line-height: 150px;
background-color: var(--mt-theme-1);
border-radius: 100%;
display: inline-block;
position: relative;
&::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.247);
animation: borderanimate2 2.7s linear infinite;
border-radius: 50%;
}
&::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.205);
animation: borderanimate2 2.3s linear infinite;
border-radius: 50%;
}
& span {
color: var(--mt-common-black-2);
font-size: 16px;
font-weight: 700;
}
}
}
&__2 {
& .mtvideo__play {
& a {
width: 120px;
height: 120px;
line-height: 120px;
& span {
font-size: 34px;
}
}
}
}
}