.svg__volumeOff{width:40px;height:40px;fill:#fff}.svg__volumeOn{width:40px;height:40px;fill:#fff;opacity:0;transition:.3s}.video{position:relative;width:100%;height:100%}.video__video{width:100%;height:100%}.video__control{position:absolute;top:0;width:100%;height:100%}.video__control:hover .svg__volumeOn,.video__control:hover .video__control__playPauseButton.pause{opacity:1}.video__control:hover .video__control__playPauseButton.pause:before{opacity:1}.video__control__playPauseButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;background-color:#24564ae6;cursor:pointer}.video__control__playPauseButton.play:before{content:"";display:block;box-sizing:border-box;width:0;height:20px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #FFFFFF;margin-left:5px}.video__control__playPauseButton.pause{opacity:0}.video__control__playPauseButton.pause:before{content:"";display:block;width:20px;height:20px;border-left:5px solid #FFFFFF;border-right:5px solid #FFFFFF;opacity:0}.video__control__volume{position:absolute;display:flex;justify-content:center;align-items:center;width:65px;height:65px;cursor:pointer}