Как сделать такие кнопки на css?

Question

[Артем Колчин]

Как сделать такую кнопку правильно?

Чтоб при обычном состоянии пол кнопки было залито а при наведении вся ,еще и полоска эта рядом.
Думаю что через before сделать основной фон? а через after например полоску?

Answer 1

[Kataev]

Пусть это будет как не идеальный пример с пространством для творчества и развития https://codepen.io/KataevAS/pen/zYXpdoV

Comments

[Артем Колчин]

Спасибо, я уже закостылял с backgroud position, но ваше решение интересней.