.video-container{position:relative}video{display:block;height:100%;object-fit:cover;width:100%}.pause-button,.play-button{align-items:center;background-color:rgba(0,0,0,.6);border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:3}.pause-button:before,.play-button:before{content:""}.play-button:before{border-bottom:8px solid transparent;border-left:15px solid #fff;border-top:8px solid transparent;height:0;width:0}.pause-button:before{background:repeating-linear-gradient(90deg,#fff,#fff 40%,transparent 0,transparent 50%);display:flex;height:20px;width:15px}.pause-button.hidden,.play-button.hidden{display:none}.poster{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.poster.hidden{display:none}