Как сделать частичное затемнение части фона кнопок?

Question

[ayapergenov]

Есть 2 кнопки, на которых нужно сделать затемнение левой части с иконкой
Код кнопок здесь

Answer 1

[Kuat Mustafin]

codepen.io/anon/pen/mVWVzy

Comments

[ayapergenov]

Благодарю!

[Kuat Mustafin]

Не за что, прочитайте про псевдоэлементы before и after

[ayapergenov]

Kuat Mustafin: Знаю про них. Но как-то не появилась идея его использовать.

[ayapergenov]

Kuat Mustafin: Не подскажите как еще сделать. чтобы иконки не затемнялись, а были чисто белыми?

[Kuat Mustafin]

ayapergenov: можно задать у .awesome:before{z-index: 1;} и .buybtn-image {z-index: 2}

Answer 2

[Петр]

Еще как вариант можно сделать затемнение через указание нескольких цветов в градиент

background: linear-gradient(to right, #1e5799 0%,#207cca 16%,#207cca 16%,#2989d8 16%,#7db9e8 100%);

Одинаковый цвет от и до сделает однородную заливку.