Чтобы сделать белую кнопку прозрачной, нужно задать свойству background-color значение в формате RGBA, где последний параметр — альфа-канал — контролирует уровень прозрачности. 1
Пример кода: 1
<button style='background-color: rgba(255, 255, 255, 0); border: none; outline: none;'>Прозрачная кнопка</button>
Альфа-значение в формате RGBA делает фон от полностью прозрачного (со значением 0) до абсолютно непрозрачного (со значением 1). 1 Таким образом, текст на кнопке остаётся видимым, а фон становится незаметным. 1
Также для увеличения видимости полупрозрачной кнопки можно использовать сплошную рамку, для этого нужно добавить для кнопки свойство border. 4