Как решить проблему с отношением z-index'ов элемента и его &:before/after?

Question

[Полина Емельянова]

Коллеги, добрый день.
Прошу вас помочь мне разобраться, т.к. я не понимаю, что делаю не так.

САБЖ: есть некая форма, у которой есть кнопка .close с интересным эффектом на ховер.
Эффект реализован через псевдоэлемент.
Кнопка позиционирована абсолютно.

ПРОБЛЕМА: не получается поместить псевдоэлемент ЗА родителя, но ПЕРЕД формой. Т,е. сейчас он улетает совсем "в корень".

КОД
Потрогать руками на Кодепене

Прошу, укажите мне, где я ошиблась?

Заранее благодарю.

Answer 1

[ProjectSoft]

border применяйте к псевдоэлементу before, а не к самой кнопке

Comments

[Полина Емельянова]

БЛАГОДАРЮ!!!!