Это очень логичное правило "красоты", где оно прописано?
туповато в таком случае будет делать с помощью тега<button>или<a>
<a href="#idмодалки">открыть модалку</a><div id="idмодалки">модалка</div>убираете действие по умолчанию для кнопки event.preventDefault()
добавляете модалке класс, который её скрывает
по клику на кнопку убираете скрывающий класс.advantages-content__header {
max-width: 240px;
margin-left: 100px;
}.advantages-content__block.advantages-content__block--product? Достаточно класса модификатора.
Нижний, это какой?
Поставьте ее на фон блока который над "нижним" и прижмите к низу через background-position.