.legende {font-size:x-small;}
.legende p{text-decoration: underline solid 1px}
.legende ul{padding-left:0}
.legende li{list-style:none;line-height:1.2;align-items:center;display:flex;gap:1rem}
.legende-btns{
	width: 30px;
  height: 16px;
  display: inline-block;
}
.fiche-prod{background: var(--blk)}
.tag-prod{border: solid 1px}
.video-prod{background: #97ea1d}

.video-card{
    display:flex;
    flex-direction:column;
    background:var(--blnc);
    border:1px solid var(--blk);
	margin: 2rem auto;
	padding:1.5rem;
}

.video-card-image{
aspect-ratio:16/9;
    max-width:600px;
}
.video-card-image img{
    width:100%;
	 height: 100%;
    object-fit: contain
}

.video-card-content{
    display:flex;
    flex-direction:column;
    flex:1;
}
.video-card-content .description{
    flex:1;
    margin: 0 0 2rem
}
.video-card-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:1.5rem;
}

.video-card-buttons .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
	width:300px;
    font-weight:600;

}

.btn.fiche{
background: var(--bg);
  color: var(--main);
  border: solid 1px;

}
.btn.galerie{border:solid 1px}

.btn.video{
    background:#97ea1d;
    color:var(--bg);

}