ol.breadcrumbs {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ol.breadcrumbs li {
  display: flex;
  align-items: center;
}
ol.breadcrumbs li:has(a)::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 -960 960 960' fill='%23E4E3DD'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  padding-block-end: 1px;
}
#breadcrumb-container {
  container: breadcrumbs / inline-size;
  width: 100%;
  background: black;
  border: solid 1px var(--wp--preset--color--links);
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 1px;
}
ol.breadcrumbs a {
  font-size: 14px;
}

@container breadcrumbs (max-width: 499.9999px) {
  .breadcrumbs {
    display: none !important;
  }
}
@container breadcrumbs (min-width: 500px) {
  .back-button {
    display: none !important;
  }
}