JSFiddle - React, Tailwind, and code Playground

HTML

body>
				<div id="content">
					<table>
					  <tr>
						<td class="next"><a href="http://www...."><div class="text">NEXT</div></a></td>
						<td><a href="http://www....." class="next"></a></td>
						<td><a href="http://www....." class="next"></a></td>
					  </tr>
					</table>
				</div>
			</div>
		</body>

CSS

#content {
    height:200px;
    background-color:#000000;
    border:1px solid #cccccc;
    margin-left:200px;
    margin-right:200px;
}

table{
width:99.99%;
height:99.99%;
border-collapse:collapse;
}

td {
width:33%;
border:1px solid #cccccc;
}

a{
text-decoration:none;
color:#FFFFFF;
text-align:center;
}

.next{
background-size:100% 100%;
background-color:#4662CF;
}
.fon{
    border:1px solid #cccccc;
}
.text {
font-size: 5vw;
text-shadow: 0 1px 0 #ccc,
}