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

.podcast-vignette--titre a {
  color: var(--color-white);
  font-weight: 800;
  font-size: 1.2em;
}

.podcast-vignette--titre-podcast {
  padding-right: 1em;
}

.podcast-vignette--titre-podcast a {
  text-transform: uppercase;

  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 span,
.podcast-vignette--date time:after,
.podcast-vignette--date span:after {
  background-color: white;
  color: var(--color-black);
}