display: -webkit-box;
display: -ms-flexbox;
display: flex;35% и 65% это уже 100%, т. е. полная ширина родителя. А вы между ними еще 70px пытаетесь воткнуть. Значит, ширина блоков не будет 35 и 65.
4. Про адаптивность. В вашем коде не было ни одного media, а в вопросе ни одного упоминания о том, как именно оно должно перестраиваться.
Собственно, суть вопроса сводится к вопросу о том, как прибить кнопку к низу блока. Ответ: flex-direction column и margin-top:auto для кнопки.
Кроме этого и Рустам и я написали вам пример реализации.
Перенос этого в ваш код, его адаптация и т.д. это ваши заботы.
По по второму так и сделано, общий блок в котором все эти 4 блока и каждый блок в диве, а если 3 блока не оборачивать в див дополнительный, я мог и обернуть, по этому я и задал вопрос чтобы не оборачивать.