Как сделать текст уходящий в прозрачность под кнопку если у документа фон градиент?

Question

[beDenz]

Здравствуйте.
Есть блок, слайдер, текстовым блоком и кнопкой. Не могу решить, как сделать, чтобы текст попадающий под кнопку уходил
постепенно в прозрачность.
Я знаю, что можно наложить градиент уходящий в прозрачность, но ситуацию осложняет то, что на общем фоне документа будет сложный градиент с кучей цветами. А значит, и кнопка, и текстовый блок должны быть без бэкграунда.
Код здесь https://jsfiddle.net/bedenz/go20cxsw/5/
Надеюсь понятно изложил. Буду благодарен за подсказку.