.publications-grid {
  @apply max-w-screen-xl mx-auto pt-12 mb-12;

  &__row {
    @apply flex flex-col gap-y-4 gap-3 lg:gap-8 items-start md:items-center  lg:grid grid-cols-11;
  }
  &__row + &__row {
    @apply mt-8 border-t border-gray pt-8;
  }
  &__cover {
    @apply w-20 rounded-lg  md:col-span-1;
  }
  &__icon {
    @apply w-20 rounded-2xl  md:col-span-1;
  }
  &__title {
    @apply md:col-span-4 font-bold;
    line-height: 1.3;
  }
  &__thematique {
    @apply col-span-5 md:col-span-2 text-center w-fit md:place-self-center;
  }
  &__edition {
    @apply col-span-6 md:col-span-2 md:text-center;
  }
  &__button {
    @apply col-span-11 md:col-span-2 md:justify-end place-self-center mt-4 lg:mt-0;
  }
  &__video-thumbnail {
    @apply w-full h-auto rounded-lg col-span-2 object-cover;
    aspect-ratio: 16/9;
    width: 100%;
  }

  &--webinaires {
    &__row {
      @apply grid-cols-12;
    }
  }
}