Если вы называете кнопками те закомментированные радио, то если их раскомментировать, то они стоят в один ряд.
spoiler
Если их нужно покрасить, то нужно использовать тег label либо вокруг инпутов либо рядом и с атрибутом for.
Если кнопки это два li, то это во-первых, семантически не верно, во-вторых используйте инлайн-блоки или флексы (второе разумнее). Но лучше все таки радио или button.
но я добавил button, застелизовал, один вверх идёт, другой вниз идёт,
Этого я вообще в вашем коде не вижу.
Еще раз: что button, что label по умолчанию (!) встают в один ряд, если помещаются по ширине. Если они этого не делают, значит вы понаписали чего-то лишнего.
