badge.pcss

.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-xs max-w-sm my-1 leading-tight;
  }

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

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

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

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