.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; } }