Как добавить отступ внутри кнопки?

Question

[Ahmad Dusmatov]

Приветствую.
Как добавить такой отступ внутри кнопки.

Чтобы при наведении обе части были активны.

Можно 2 отдельных элемента сделать. Но как сработает ховер одновременно на обеих элементах?

Comments

[Andrew]

Путь к изображению кривой

[Ahmad Dusmatov]

Andrew, да, там будет локальная ссылка

[Ahmad Dusmatov]

Andrew,

Путь к изображению кривой

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

Answer 1

[Максим]

так ?

Comments

[Ahmad Dusmatov]

Имею ввиду вот это пустое место

Навел на иконку или текст, сработает ховер и нажимается кнопка.

[Максим]

Ahmad Dusmatov, вот так ? https://codepen.io/topicstarter/pen/OrQdKz

[Ahmad Dusmatov]

Максим Ленский, Спасибо за вариант.

Answer 2

[Stalker_RED]

padding?

Comments

[Ahmad Dusmatov]

padding делает отступ с фоном. Нужно как то разделить и красный фон.

[Ярослав Иванов]

Ahmad Dusmatov, border