* {
  margin : 0;
  padding: 0;
}

.play-btn {
  width    : 30%;
  position : absolute;
  top      : 50%;
  left     : 50%;
  transform: translate(-50%, -50%) scale(.85);
  animation: pulse 2s ease-in-out infinite;
  z-index  : 100;
}

@keyframes pulse {
  from {
    transform: translate(-50%, -50%) scale(.85);
  }

  50% {
    transform: translate(-50%, -50%) scale(1);
  }

  to {
    transform: translate(-50%, -50%) scale(.85);
  }
}

.play-pause {
  width   : 1%;
  position: absolute;
  left    : 40px;
  bottom  : 40px;
}

.video-block {
  display        : flex;
  justify-content: center;
  align-items    : center;
  position       : relative;
  width          : 100%
}


.progress-bar {
  height       : 2%;
  background   : red;
  width        : 0;
  /* transition: width 1s ease-in-out; */
  position     : absolute;
  bottom       : 0;
  left         : 0;
  overflow     : hidden;
}