Как создать hover поверх элемента?

Question

[AnnaTopTop]

Добрый день!
Нужно, чтобы при наведение на любую из кнопку верхний и нижний бордер меняли цвет.
Это список кнопок с верхним бордером. У последней кнопки есть еще нижний.
Сделала нижнюю линию псевдо классом after. На скрине bottom -5px. Он соответственно не совпадает с линией. Когда делаю -1px, линия должна совпасть, но она вообще перестает появляться.
Возможно ли что то подправить и таким образом решить вопрос?
Или есть другое решение?
Заранее спасибо.

Comments

[Ivan Ustûžanin]

а использовать что-то типа :hover + * для перекрашивания бордера не вариант?
https://doka.guide/css/combined-selectors/#smezhny...

[Алексей Уколов]

В вопросах с вёрсткой нужно прикладывать интерактивную демку, чтобы мы могли вам сказать, почему у вас "при -1px линия не появляется".
Но IvanU7n уже дал вам правильное решение.

[AnnaTopTop]

IvanU7n, сейчас почитаю. Спасибо

Answer 1

[Михаил Р.]

Нужно, чтобы при наведение на любую из кнопку верхний и нижний бордер меняли цвет.

Comments

[AnnaTopTop]

так изначально пробовала делать, но проблема в том, что у соседних элементов бордер накладывается, и в середине линии становятся жирнее, чем сверху и снизу.

[Михаил Р.]

AnnaTopTop, обновил ответ, теперь не накладывается и линии не становятся жирнее