Наложить градиент CSS на цвет RGBA?

Я хочу добавить к кнопке прозрачное черное наложение для этого: активное состояние, поэтому, когда вы щелкаете по нему, это тот же градиент, но только с наложением, например rgba(0,0,0,.3)

Я думал, что это будет работать следующим образом (используя webkit в этом примере):

background:rgba(0,0,0,.3), -webkit-linear-gradient(top, #fcfcfc 0%,#bababa 100%);

или без запятой и в обратном порядке... но ничего вообще появляется!

Я не хочу добавлять еще один элемент div в качестве оверлея, поэтому есть ли способ сделать это строго с помощью CSS? Я подумал, может быть, это псевдокласс :beforeили :after, но я понятия не имею, как их использовать!

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