JSFiddle - React, Tailwind, and code Playground

HTML

<a href=""><div class="service1"><p>Option 1</p></div></a>

CSS

.service1 {
	float:left;
	margin:20px 20px 0 0;
	width:115px;
	height:115px;
	border:5px solid #66ff99;
	border-radius:150px;
	}
.service1:hover {
    background:#66ff99;
    color:#000;
	}
.service1 p {
	display:block;
	margin:48px 0 0 0;
	width:115px;
	text-align:center;
	font:bold 14px/18px verdana;
	}