JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
<a href="#">Flycan</h1>
</div>

CSS

.box{ margin:auto; width:300px; background:#AAA; font-size:30px; color:#FFF; text-align:center; 
	transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-webkit-transition: background 0.5s ease;}
	
.box:hover{ background:rgb(255,157,0);}

a{
    text-decoration:none;
    color:white;
}