flame text
<style>
.flame-text {
background-image: linear-gradient(0deg, #f00 25%, #ffb300 60%);
color: #0000;
-webkit-background-clip: text;
}
</style>
<div style="font-size: 50px;" class="flame-text">Flame Text</div>
<h1 class="flame-text">Flame Text</h1>
<h2 class="flame-text">Flame Text</h2>
<h3 class="flame-text">Flame Text</h3>
<h4 class="flame-text">Flame Text</h4>
<p class="flame-text">Flame Text</p>
<a class="flame-text">Flame Text</a>
<br><span class="flame-text">Flame Text</span>
<h5 class="flame-text">Flame Text</h5>
<h6 class="flame-text">Flame Text</h6>
<button class="flame-text">CSS Flame Text</button>