/* 
* Cette feuille de style est utilisée pour le module type Composant en exemple '--CP_Full-Component'
* Chaque feuille de style destinée aux modules type Composant doit respecter la nomenclature suivante 'cp_nom-du-composant.css'
* */

.card-video video {
  max-width:100%;
  border-radius:15px;
}


.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: 53px; 
  height:53px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
}
.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; 

}


@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*/
  }
}