.breadcrumbs {
  display: flex;
  align-items: baseline;
  gap: var(--gap-xs);
  flex-wrap: wrap;

  svg {
    height: .5rem;
    width: auto;
  }

  a {
    font-size: var(--font-16);
    text-decoration: underline .0625rem var(--slate);
    text-underline-offset: .125rem;
    transition: var(--transition-all);

    &:hover {
      color: var(--jungle);
      text-decoration-color: var(--jungle);
    }
  }
}