Вырезанный текст с CSS

Я пытаюсь создать эффект наведения для кнопки в CSS.

В основном текст должен быть «вырезан» из родительского элемента, что делает его прозрачным для фона сайта.
Я бы сделал полосы с градиентом, но моя проблема в том, чтобы добавить прозрачность шрифту.
Я посмотрел на background-clip, но это сделало бы противоположное тому, что я пытаюсь достичь, и усложнило бы ситуацию. Есть ли простой способ добиться этого эффекта? Я не против использования JS, но, по возможности, без jQuery.

Ответы на вопрос(3)

Ваш ответ на вопрос