.breadcrumb .breadcrumb__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 6px;
}

.breadcrumb .breadcrumb__list__item {
    display: inline-flex;
    align-items: center;
    color: var(--color-primary);
}

.breadcrumb .breadcrumb__list__item:not(:last-child)::after {
    content: '/';
    color: var(--color-text--light);
    margin: 0 0 3px 6px;
}

.breadcrumb .breadcrumb__list__link {
    color: var(--color-primary);
    text-decoration: none;
    transition: color .15s linear, text-decoration-color .15s linear;
}

.breadcrumb .breadcrumb__list__item[aria-current="page"],
.breadcrumb .breadcrumb__list__item[aria-current="page"] span,
.breadcrumb .breadcrumb__list__item,
.breadcrumb .breadcrumb__list__item:not(:last-child)::after,
.breadcrumb .breadcrumb__list__link {
    font-size: 12px;
    font-weight: 550;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.breadcrumb .breadcrumb__list__link:hover,
.breadcrumb .breadcrumb__list__link:focus-visible {
    text-decoration: underline;
    color: var(--color-primary);
}

@media all and (max-width: 576px){
    .breadcrumb .breadcrumb__list {
        gap: 0 3px;
    }

    .breadcrumb .breadcrumb__list__item:not(:last-child)::after{
        margin:0 0 1px 3px;
    }
    .breadcrumb .breadcrumb__list__item [aria-current="page"],
    .breadcrumb .breadcrumb__list__item[aria-current="page"] span,
    .breadcrumb .breadcrumb__list__item,
    .breadcrumb .breadcrumb__list__item:not(:last-child)::after,
    .breadcrumb .breadcrumb__list__link {
        font-size:10px;
    }
}