.breadcrumb {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.875em;
}

.breadcrumb__item {
  position: relative;
  display: inline-block;
  margin-right: var(--spacing);
}

.breadcrumb__item-link {
  margin-right: var(--spacingSmaller);
  color: var(--colorBlue);
  text-decoration: none;
}

.breadcrumb__item::before {
  content: '';
}

.breadcrumb__item:not(:last-child)::after {
  position: absolute;
  content: '';
  transform: rotate(45deg);
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid var(--colorBlue);
  border-right: 2px solid var(--colorBlue);
  top: 6px;
}