JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<style type="text/css">
.i2Style{
font:bold 24px "Arial Black", Gadget, sans-serif;
font-style:normal;
color:#ffffff;
background:#db154e;
border:6px inset #ffffff;
text-shadow:0px -1px 1px #222222;
box-shadow:3px 3px 1px #7a1848;
-moz-box-shadow:3px 3px 1px #7a1848;
-webkit-box-shadow:3px 3px 1px #7a1848;
border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
width:0px;
padding:20px 40px;
cursor:pointer;
margin:0 auto;
}
.i2Style:active{
cursor:pointer;
position:relative;
top:2px;
}
</style>
</head>
<body>
	<br />
    <div>
        <span class="i2Style">test1</span>
        <span class="i2Style">test2</span>
		<span class="i2Style">test3</span>
    </div>
</body
</html>