.badge {
  @apply flex items-center font-body;

  .badge__avatar {
    @apply mr-6 flex-shrink-0;
  }

  .badge__body {
    @apply text-left;
  }

  .badge__title {
    @apply block;
  }

  .badge__occupation {
    @apply uppercase text-sm max-w-sm my-1;
  }

  .badge__link {
    @apply text-sm font-light block w-full;

    &:not(:first-child) {
      @apply pt-1;
    }
  }
}

.badge.badge--condensed {
  .badge__avatar {
    @apply mr-4;
  }

  .badge__occupation {
    @apply uppercase text-sm max-w-sm my-0;
  }
}