.breadcrumb {
  display: flex;
  flex-direction: row;      /* гарантуємо в один рядок */
  align-items: center;      /* вирівняти по вертикалі */
  gap: 0.5em;               /* відстань між пунктами */
  font-size: 16px;
  margin-top: 10px;
}

.breadcrumb a {
  text-decoration: none;    /* прибираємо підкреслення */
  color: #1900ff;              /* колір за замовчуванням */
  position: relative;
  transition: color .2s;    /* плавна зміна кольору */
}

.breadcrumb a:not(:last-child)::after {
  content: "›";           /* стрілка-роздільник */
  margin-left: 0.5em;
  color: #1900ff;
}

.breadcrumb br {
  display: none;            /* ховаємо зайві переноси */
}

.breadcrumb a:hover {
  color: #ffd700;           /* колір при наведенні */
}