.author-card {
  @apply bg-white p-8 border border-carhop-green-700 mb-0  flex flex-col;

  &--director {
    @apply bg-primary;
    p,
    .author-card__name a,
    .author-card__bio {
      @apply text-white;
    }

    .author-card__email {
      @apply bg-white text-primary;
      &:hover {
        @apply bg-carhop-green-900;
      }
    }
  }

  &__profile-picture {
    @apply w-full h-32 object-cover  mb-6 border border-carhop-green-700 relative bg-white;
  }

  &__name {
    @apply text-2xl font-medium !mb-0 !pb-0 uppercase text-primary;
    a {
      @apply !text-primary;
    }
  }

  &__email {
    @apply mt-4 text-lg !normal-case;

    &:is(a) {
      @apply !text-primary;
    }

    &:hover {
      @apply !text-white;
    }
  }

  &__bio {
    @apply text-base text-primary text-center leading-relaxed;
  }
}