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

  .badge__body {
    @apply text-left ml-6;
  }

  .badge__title {
    @apply block;
  }

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

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

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

.badge.badge--condensed {
  .badge__body {
    @apply ml-4;
  }

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