.member-card {
  @apply bg-white p-8 border border-carhop-green-700 mb-0  flex flex-col items-center;
  gap: 1rem;
  &--director {
    @apply bg-primary;
    p,
    .member-card__name a,
    .member-card__bio {
      @apply text-white;
    }

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

  &__profile-picture {
    @apply w-full h-40 object-cover  mb-6 relative bg-white p-2 border border-primary;

    img {
      @apply w-full h-full object-cover;
      /* filter: grayscale(100%); */
    }
  }

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

  &__email {
    @apply mt-8 text-lg !normal-case mx-auto;

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

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

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