

/* Make player fill outer div */
.video-js {
  height: 100%;
  width: 100%;
}

/* Build outer div size of player */
.outer {
    
  position: relative;
}

/* Style inner div to center button */
.inner {
  left: 12%;
  top: 85%;
  transform: translate(-50%, -50%);
  position: absolute; 
  height: 18%; width: 20%;
}


/* CSS */
.button-54 {
  letter-spacing: 2px;
  text-decoration: none;
  cursor: pointer;
  /* border: 3px solid;
  padding: 0.25em 0.5em; */
  box-shadow: -4px 4px 0px 0px rgb(119, 119, 119);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  /* color:white; 
  background-color: rgb(34, 29, 103); */
  /* border-radius: 1rem;
  font-size: 3vw;  */
  /* font-family: Verdana, sans-serif;
  font-weight: 500; 
  text-overflow: clip;
  overflow-wrap: break-word; */
  /* text-transform: uppercase; */
}

/* .button-54:active {
  box-shadow: 0px 0px 0px 0px;
  top: 5px;
  left: 5px;
} */

.button-54:hover {
  /* background-color:rgb(46, 50, 135); */
  scale: 103%;
  
}

@media (min-width: 768px) {
  .button-54 {
    padding: 0.25em 0.75em;
  }
}

