.fizz-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  font-size: $text-medium-font-size;
  line-height: $text-medium-line-height;
}

.fizz-breadcrumbs a {
  color: $color-text-subdued;
  white-space: nowrap;
}

.fizz-breadcrumbs a:hover {
  color: $color-text-link;
  text-decoration: underline;
}

.fizz-breadcrumbs li:not(:last-child) {
  padding-right: $spacing-16;
  position: relative;
}

.fizz-breadcrumbs li:not(:last-child):after {
  content: "";
  display: block;
  width: $spacing-16;
  height: $text-medium-line-height;
  position: absolute;
  top: 0;
  right: 0;
  background-image: $icon-chevron-right-gray;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 75%;  
}