Как сделать замену z-index при focus-within?

Друзья , есть поиск который при клике должен выезжать
а уже когда в поиск введено значение то клик на круг уже отправляет запрос.

Суть такая. По началу блок должен быть слоем ниже, для этого использую z-index . хочу чтоб при клике форме присваивалось focus-within и менялся z-index чтоб инпут поиска поднимался наверх по слоям.

Сейчас при клике сразу срабатывает поиск,

https://jsfiddle.net/4gcyk1zn