$breadcrumb-prefix: #{$prefix}-breadcrumb-item;
@mixin ne-breadcrumb-item {
  .#{$breadcrumb-prefix} {
    display: inline-flex;
    align-items: center;
    .#{$breadcrumb-prefix}-button,
    .#{$breadcrumb-prefix}-separator {
      color: $breadcrumb-color;
    }
    &:last-child {
      .#{$breadcrumb-prefix}-button {
        color: $global-font-color;
        .#{$prefix}-button-prefix {
          color: $global-font-color;
        }
        &:hover,
        &:active,
        &:focus {
          color: $primary-color;
          .#{$prefix}-button-prefix {
            color: $primary-color;
          }
        }
      }
      .#{$breadcrumb-prefix}-separator {
        display: none;
      }
    }
    &-separator {
      margin: 0 $icon-gutter;
      font-weight: bold;
      svg {
        vertical-align: middle;
      }
    }
  }
}