.cp-video video {
  max-width:100%;
/*max-height: 635px;*/
}


.video-button { 
  position:absolute; 
  left: 0;
  right: 0;
  bottom: 0; 
  top: 0;
  margin: auto; 
  width: 100%; 
  height: 100%;
  cursor:pointer;
}
.video-button .video-button-icon.video-button-play {
  position:absolute; 
  left: 0;
  right: 0;
  bottom: 0; 
  top: 0;
  margin: auto; 
  width: 84px; 
  height:84px;
}
.video-button .video-button-icon.video-button-pause { 
  display:none;
  position: absolute;
  left: 25px;
  bottom: 20px;
  height: 57px;
  width: 32px;
  -webkit-transition: all .2s ease; 
  -moz-transition: all .2s ease; 
  -ms-transition: all .2s ease; 
  -o-transition: all .2s ease; 
  transition: all .2s ease;
}

.video-button .video-button-icon svg { 
  position:absolute; 
  left: 0;
  right: 0;
  bottom: 0; 
  top: 0;
  margin: auto; 
  background: transparent;
}
.video-button .video-button-icon svg,
.video-button .video-button-icon svg g{ 
  fill: var(--color-system-1-hex);
}
.play-svg-container {
  border-color: var(--color-global-4-hex);
}


@media (hover: hover) {
  .video-button:hover { 
    -webkit-transition: transform:scale(1.05);
    -moz-transition: transform:scale(1.05);
    -ms-transition: transform:scale(1.05);
    -o-transition: transform:scale(1.05);
    transform:scale(1.05);
  }
}

@media screen and (min-width:992px) {
  .video-button {  
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
}


/*.video-filter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFD75D99;
  display: none;
}
*/
.cp-video {
  /*style mobile*/
}

@media (min-width:992px) {
  .cp-video {
    /*style desktop*/
  }
}