.breadcrumbs {
  margin: 8px 20px;
  ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    li {
      display: flex;
      align-items: center;
      color: var(--c-gray-700);
      line-height: 1;
      &:last-child {
        margin-right: 0;
        &:after {
          display: none;
        }
      }
      a {
        margin-right: 10px;
        color: var(--primary-200);
        &:hover {
          text-decoration: underline;
        }
      }
      &:after {
        display: block;
        margin-top: 2px;
        color: var(--c-gray-700);
        content: url("data:image/svg+xml,%3Csvg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.309082 11.3932L7.30908 5.89319L0.309082 0.393188' stroke='%23181818' /%3E%3C/svg%3E");
      }
    }
  }
}