.podcast-vignette {
  min-height: 4em;;
  background-color: var(--color-medium);
}

.podcast-vignette--titre {
  color: var(--color-white);
  font-weight: 800;
  letter-spacing: 0.05rem;
}

.podcast-vignette--titre-podcast {
  padding-right: 1em;
  color: var(--color-accent);
}

.podcast-vignette--duree {
  display: inline-block;
  padding-right: 1em;

  vertical-align: text-top;
  font-size: 0.8em;

  color: white;
}

.podcast-vignette--time-and-date {
  margin-top: auto;
  text-align: right;
}

.podcast-vignette--date time,
.podcast-vignette--date time:after {
  background-color: white;
  color: var(--color-black);

  font-weight: 600;
}

.podcast-vignette-nofile .vignette--picto img {
  filter: grayscale(100%);
  cursor: default;
}