Как сделать кнопку со стилизованым текстом?

Question

[Владислав Коренюгин]

<style>
#appcoins-head {
	color: #982E22;
	font-family: Frutiger, Times;
	font-size: 30pt;
	text-align: center;
	}
#appcoins-text {
	color: #982E22;
	text-align: center;
	font-family: Calibri, Times ;
	font-size: 20pt;
}
a {
	text-decoration: none;
	user-select: none;
}
a.button {
	background-color: linear-gradient(#abbbd2, #1dc1eb);
	width: 130px;
	height: 130px;
	}
</style>
<center>
<a href="https://toster.ru" class="button">
				<p>
				<span id="appcoins-head">Lol</span>
				<span id="appcoins-text">Rofl</span>
				<span id="appcoins-head">Lulz</span>
				</p>
</a>
<center>

Answer 1

[Александр Таратин]

jsfiddle.net/QW01_01/14vrsz37
Генератор тут www.colorzilla.com/gradient-editor