.stepper {
    margin: 1.25rem 0 1.5rem;
    background: none;
    border-radius: 0;
    border: 1px solid transparent;
    padding: 0;
    justify-content: center;
    display: flex;
    overflow: auto;
}

.stepper::-webkit-scrollbar {
    display: none;
}
span.stepper__separator, .stepper i {
    margin: auto 0;
    color: var(--color-gray-4);
    display: inline-block;
    position: relative;
    width: auto;
}
.stepper .icon__chevron-right::before {
    width: 1rem;
    height: 1rem;
}
.stepper__item {
    width: auto;
    text-wrap: nowrap;
    color: var(--color-black);
    /*font-size: 0.88rem;*/
    font-size: var(--text-size-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
    padding: 0.25rem 0.5rem;
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent;
    position: relative;
}

.stepper__item:hover {
    color: var(--color-green-4);

}

.stepper__item:focus {
    border-color: var(--color-green-4);
    color: var(--color-green-4);

}

.stepper__item.active {
    font-weight: 700;

}

.stepper__item.active ~ .stepper__item {
    color: var(--color-gray-4);

}