.author-card {
  @apply grid w-full border border-primary p-6 mb-12 items-center;
  grid-template-columns: min-content 1fr;
  gap: 1rem;

  transition: all 0.3s ease-in-out;

  &:hover {
    @apply translate-y-[-4px];
  }

  &__profile-picture {
    @apply w-32 h-32 object-cover p-2 border border-primary;
    img {
      @apply w-full h-full object-cover;
      filter: grayscale(100%);
    }

    &-placeholder {
      @apply w-full h-full bg-carhop-green-100 relative;

      &:after {
        @apply content-[''] block w-6 h-6 bg-carhop-green-700 rounded-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
      }
    }
  }

  &__infos {
    @apply w-full;
    .author-card__name {
      @apply text-3xl uppercase font-medium mb-2 tracking-normal;
    }

    .author-card__articles-amount {
      @apply text-primary font-normal  flex items-center gap-2 mt-4;

      &::before {
        content: '';
        @apply block w-6 h-6  bg-no-repeat bg-center;
        background-image: url('../resources/img/icons/icon-activites.svg');
        background-size: contain;
      }
    }
  }

  &__description {
    @apply col-span-2;
  }
}