.breadcrumbs {
  @apply overflow-hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

  & :last-child::after {
    @apply hidden;
  }
}

.breadcrumb {
  @apply inline-block items-center overflow-hidden;

  &::after {
    @apply inline-block mx-2 w-2 h-2 rounded-full bg-border-line-purple;
    content: '';

    @screen sm {
      @apply mx-4;
    }
  }
}

.breadcrumb-link {
  @apply no-underline text-buzz-purple font-semibold;
}