Как сверстать блоки с скошенным фоном так, чтобы один блок не перекрывал ссылки и кнопки другого?

Question

[insane013]

Верстаю макет сайта и столкнулся со следующей проблемой. Фоны каждого блока имеют вырез:

Я делал срез с помощью свойства clip-path: polygon(); и поднимал нижний блок(красный) на верхний через margin-top: -400px. Внешне всё выглядит как на макете, но при этом кнопки и ссылки оказавшиеся внизу блока (отмеченного жёлтым) становятся некликабельными, так как на них залазит нижний блок (отмечен красным).

Подскажите как устранить эту проблему.

Comments

[black1277]

делайте свойство z-index блока с кнопкой больше чем блока залезающего на него