Во-первых, будьте внимательнее. Не копируйте бездумно код. Вы добавили стили к несуществующему селектору (.input-form input).
Во-вторых, не используйте тег br для переноса блоков, он нужен лишь для переноса текста. Почитайте про flexbox, очень полезно Вам будет.
В-третьих, использование style в html - моветон.
В-четвертых, не называйте классы - knopka. Это заставляет улыбаться))

В Вашем примере я не центровал элементами средствами flexbox. Для input использовал margin-left/right: auto, что так же может выравнить элемент.

Отобразил стилизацию здесь