.video-main{position:relative}.video-main video{height:100%}.video-main iframe,.video-main video{display:block;width:100%}.playBtn{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.playBtn button{background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:40px;height:80px;outline:none;padding:0;transition:all .3s ease;width:80px}.pause-icon{display:none!important}.video-main.playing .play-icon{display:none}.video-main.playing .pause-icon{display:block!important}.video-main.playing .playBtn{opacity:0;visibility:hidden}.video-main.playing:hover .playBtn{opacity:1;visibility:visible}.pause-icon,.play-icon{transition:opacity .3s ease}.muteBtn{bottom:20px;position:absolute;right:20px;z-index:3}.mute-icon{display:none}.video-main.muted .mute-icon{display:inline}.video-main.muted .unmute-icon{display:none!important}.video-main:not(.muted) .unmute-icon{display:block!important}.unmute-icon,.video-main:not(.muted) .mute-icon{display:none!important}.mute-icon,.unmute-icon{transition:opacity .3s ease}.muteBtn button{background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:22px;height:50px;outline:none;padding:0;transition:all .3s ease;width:50px}