.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3xs);
  margin-top: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
  color: var(--color-primary);
  font-family: var(--font-body-semibold);
  font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
  line-height: clamp(1.1875rem, 1.1125rem + 0.375vw, 1.5625rem);
}

.breadcrumbs-cards {
  margin-top: 1.5rem;
}

.breadcrumbs__link {
  color: inherit;
  text-decoration: none;
}

.breadcrumbs__link:hover {
  text-decoration: underline;
}

.breadcrumbs__current {
  font-family: var(--font-body-extrabolt);
}