.breadcrumbs__list {
    list-style-type: none;
    padding: 0;
}

.breadcrumbs__item {
  display: inline-block;
}

.breadcrumbs__item:not(:last-child):after {
  content: '/';
  display: inline-block;
  margin: 0 0.8rem;
}
  
.breadcrumbs__link {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  transition: text-decoration .18s ease;
  text-decoration-color: transparent;
  font-weight: var(--font-weight-light);
  line-height: normal;
}

@media (min-width: 1200px) {
  .breadcrumbs__link {
      font-size: calc(var(--font-body-scale) * 1.2rem);
  }
}
  
a[href].breadcrumbs__link:hover {
  text-decoration: underline;
}