.ProductBuildSteps {
    align-content: space-around;
    align-items: center;
    background-color: $blue_100;
    border: 1px solid $grey_300;
    border-radius: 4px;
    box-shadow: 0 0 2px $grey_150;
    color: var(--gray-600);
    display: flex;
    flex-direction: row;
    font-weight: $weight_bold;
    height: 55px;
    text-transform: uppercase;

    &-item {
        margin: auto;

        &:first-child {
            padding-left: 15px;
        }

        &:last-child {
            padding-right: 15px;
        }
    }

    &-text-item {
        cursor: pointer;
    }

    &-active-item {
        color: var(--gray-900);
    }
}