/* Contact Directory - Vertical list with person info cards */

.contact-directory .contact-item__card {
  @apply transition-all duration-200 ease-out;
}

.contact-directory .contact-item:hover .contact-item__card {
  @apply -translate-y-px;
  box-shadow: 0 4px 20px -4px rgb(0 0 0 / 0.06);
}

/* Person image inside contact item */
.contact-item .responsive-image-style-3-2-medium img {
  @apply w-10 h-10 rounded-full object-cover;
}