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

  &__row {
    @apply grid lg:grid-cols-11 gap-8;
    align-items: center;
  }
  &__row + &__row {
    @apply mt-8 border-t border-gray pt-8;
  }
  &__cover {
    @apply w-20 rounded-lg col-span-1;
  }
  &__icon {
    @apply w-20 rounded-2xl col-span-1;
  }
  &__title {
    @apply col-span-4 font-bold;
  }
  &__thematique {
    @apply col-span-2 text-center w-fit;
    place-self: center;
  }
  &__edition {
    @apply col-span-2 text-center;
  }
  &__button {
    @apply col-span-2 flex justify-end;
  }
  &__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;
    }
  }
}
