<button class="btn btn--default"></button>
<button class="btn btn--submit"></button>
<button class="btn btn--danger"></button>
<button class="btn btn--close"></button>Как сделать правильно или какие есть варианты решения данной проблемы?
Фиксированная высота всегда приводит к тому, что при переполнении содержимое вываливается из блока.
Т.е. правильность зависит от задумки.
И всё таки редко увеличивают масштаб до 200%. Обычно достаточно 110-150%, иначе это значит, что с сайтом что-то совсем не то.
Лучше смотрите адаптивность на разных разрешениях, хотя бы в режиме эмуляции в инструментах разработчика.