.post-card {
  padding-bottom: 0.8rem;
  border-bottom: solid 1px;

  // Category-specific gradients
  &.gradient--le-laboratoire { 
    .gradient-container {
      @include category-gradient($laboratoire);
    }
    border-color: $laboratoire
  }
  &.gradient--manifestations-scientifiques { 
    .gradient-container {
      @include category-gradient($manifestations);
    }
    border-color: $manifestations;
  }
  &.gradient--publications-et-productions { 
    .gradient-container {
      @include category-gradient($publications);
    }
    border-color: $publications;
  }
  &.gradient--mediation-scientifique { 
    .gradient-container {
      @include category-gradient($mediations);
    }
    border-color: $mediations
  }
  &.gradient--ressources { 
    .gradient-container {
      @include category-gradient($ressources);
    }
    border-color: $ressources
  }

  &:hover {
    .gradient-container {
      img, h2 {
        transform: scale(0.98);
      }
    }
  }
  .gradient-container {
    height: 25vh;
    padding: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: unset;

    img {
      max-height: 100%;
      transition: transform 0.2s ease-out;
      transform: scale(1);
      max-width: 100%;
    }
  
    h2 {
      font-family: Gelasio;
      font-size: 1.7rem;
      line-height: 1.1;
      padding: 1.5rem;
      transition: transform 0.2s ease-out;
      transform: scale(1);
      text-decoration: unset;
    }
  
  
    &.text-only {
      font-family: Gelasio;
      font-size: 1.7rem;
      padding: 1.5rem;
  
      p {
        transition: transform 0.2s ease-out;
        transform: scale(1);
      }
    }
  }
  .contextual-infos {
    text-transform: uppercase;
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.6rem;
    line-height: 1.3;
    .authors {
      a {
        text-decoration: none;
      }
      > span:not(:last-of-type)::after {
        content: ", ";
      }
    }
    .date-category {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      text-align: right;
      a {
        text-decoration: none;
      }
    }
  }
  .title-bottom {
    font-size: 1.2rem;
    margin-top: 0.8rem;
    line-height: 1.2;
    a {
      text-decoration: none;
    }
  }
}