JSFiddle - React, Tailwind, and code Playground

by Katrina_B

HTML

<div class="donateButton"><a href="#">Donate</a></div>

CSS

body {
	background-color: #666;
}

.donateButton {
	width:100px;
	height:100px;
	background-color:#FE6D4C;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin:0 auto 30px;
	text-align:center;
	line-height:1.3em;
	/**/
}

.donateButton:hover {
	background-color:#09C;
}

.donateButton a {
    display:block;
	width:100%;
	color:#FFFFFF;
	font-size:1em;
    text-decoration:none;
	padding-top:50%;
	line-height:1em;
	margin-top:0.5em;
	
	 }