#videoOverlay {
      position: fixed;
      top: 0; left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0,0,0,0.9);
      z-index: 999999;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    #videoOverlay video {
      max-width: 80%;
      max-height: 80%;
    }
    .video-controls {
      margin-top: 20px;
      display: flex;
      gap: 20px;
    }
    .video-controls button {
      padding: 10px 20px;
      font-size: 15px;
      cursor: pointer;
	  background:none; 
	  border:none;
	  color:#fff
    }
   .video-controls button:hover{color:#f7c800}
   .video-controls i{font-size:120%; vertical-align:middle; margin-right:4px;}

   @media (max-width:768px){
   .video-controls button{font-size:80%}
   }