.infiniteMenu {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.5rem;
    text-align: center;
}

.infiniteMenu__item {
    font-size: 1.2rem;
    width: calc(33.33% - 6px);
    height: 50px;
    display: inline-block;
    line-height: calc(50px - 1.2rem);
    padding: 0.5rem 1rem;
    margin: 3px;
    background-color: white;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.infiniteMenu__item--active {
    background-color: #DDD;
}

@media screen and (max-width: 991px) {
    .infiniteMenu {
        display: block;
        width: 100%;
        height: calc(36px + 1rem);
        padding: 0 1.2rem;
        overflow-x: auto;
        white-space: nowrap;
        text-align: center;
    }

    .infiniteMenu__item {
        font-size: 1.9rem;
        width: auto;
        display: inline-block;
        padding: 0.5rem 1rem;
        border: 2px solid;
        background-color: white;
        border-radius: 7px;
        font-weight: 600;
        height: 36px;
        line-height: calc(32px - 1rem);
    }

    .infiniteMenu__item--active {
        background-color: #DDD;
    }
}