MegaPuxapb, я не совсем понимаю вашу логику. Если btn - вы хотите сделать ссылку <a> то вам не проще сделать ее 100x100 пикселей черной, а внутри расположить элемент поменьше в нужном вам размере и дизайне?
Ведь в данном случае все равно если даже у вас будет btn 10x10 как ссылка, а внутри будет 100х100 дочерний елемент, то кликабельными будет весь объект 100x100, а не только красный квадрат.
Общем в той вариации что вы сделали, вам в css нужно поменять стити для btn и child и вовсе отказаться от z-index
MegaPuxapb, или же если вам принципиально нужно разобраться с z-index, то вам child нужно не внутри btn писать, а внутри block до или после btn (так как при использовании z-index порядок в html не будет иметь значения)
мне нужно как то заблюрить фон под кнопкой. Сложность в том, что в определённых ситуациях кнопка пропадает, и нужно что бы в месте с ней пропадал и фон. Сейчас там тень, но как то оно не очень...
MegaPuxapb, after/before вам нужно не для кнопки прописать, а для блока в котором содержатся все иконки и тогда after/before z-index 2 ставить, а кнопкам 3
Простой
