Не могу спрятать псевдоэлемент за родителя, что не так?

Question

[Антон Литвиненко]

Всем привет!
Давеча подсказали мне как сделать кнопку с выемками, еще раз спасибо, я попытался упростить насколько возможно и столкнулся с тем, что не могу понять, почему псевдоэлемент не хочет прятаться за родителя
Первая кнопка это с доп оберткой, тут ок, вторая без обертки и замыленный глаз не понимает, почему псевдоэлемент сверху
https://codepen.io/AntonLitvin/pen/poybMmW
Обновил пример

Comments

[Виталий Першин]

почему псевдоэлемент сверху

Он не сверху, а внутри

Answer 1

[Ivan Bogachev]

Можно убрать у второй кнопки z-index, он там все равно не нужен:

.btn1 {
	// z-index: 1;
}

Comments

[Антон Литвиненко]

Вы правы, так сработало, хотя не понимаю почему. Но при этом псевдоэлемент провалился куда-то за бекграунд секции в проекте. Чтобы вылезло нужно любой обертке кнопки дать положительный z-index.
обновил пример

Answer 2

[Антон Литвиненко]

Немного поигравшись со слагаемыми получил что хотел, пример обновил
https://codepen.io/AntonLitvin/pen/poybMmW