JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><div class="explore"></div></a>

CSS

.explore {
	position:relative;
	width:100px;
	height:20px;
	background-color:#fff;
	border: 1px #ccc solid;
	color:#444;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	line-height:20px;
	border-radius:4px;
	cursor:pointer;
	vertical-align: top;
}

.explore:after {
	content: "Explore";
	vertical-align: top;
}
a{
    text-decoration: none;
}