.c-breadcrumbs {
  display: flex;
  list-style: none;
  margin: 0;
  
  @include element('item') {
    @include use-font('caption');
    color: use-color('grey', 'light');
    cursor: pointer;
    font-weight: bold;
    margin-right: 4px;
    padding-right: 8px;
    position: relative;

    &::first-letter {
      text-transform: capitalize;
    }

    &::after {
      content: '/';
      position: absolute;
      right: 0;
    }

    &:last-child() {
      color: use-color('grey');

      &::after {
        content: '';
      }

      a {
        color: use-color('grey');
        // font-weight: bold;
      }
    }

    a {
      @include use-font('caption');
      color: use-color('grey', 'light');
      font-weight: bold;
      text-decoration: none;
    }
  }
}