JSFiddle - React, Tailwind, and code Playground

HTML

<div class="notifications">
<div class="new-message">
    <a href="#" target="_top">6</a>
</div>
<div class="messages">
    <a href="#" target="_top">Messages</a>
</div>
</div>

CSS

/* 
- Designed by Matt Gentile Creator of Icondeposit.com
- I sized it specifically for a dribbble shot
*/

a {font-family: Tahoma; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
html {background: #333;}
body {background: #f5f5f5; width: 400px; height: 300px;}

.notifications {margin:0; position: relative; width: auto; height: auto; padding: 0; overflow: visible; left: 157px; top: 137px;}

.notifications > .new-message a {font-size: 9px; font-weight: bold; text-decoration: none; margin: 0; position: absolute; padding: 1px 3px; height: auto; width: auto; top: -8px; left: 74px; color: #f5f5f5; background: #cc0000; background: -moz-linear-gradient(top,#dd0000 0,#cc0000,100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dd0000),color-stop(100%,#cc0000)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000',endColorstr='#cc0000',GradientType=0); border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; border: 1px solid rgba(0,0,0,0.50); box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); z-index: 1;}

.notifications > .messages a {font-size: 12px; font-weight: bold; text-decoration: none; margin: 0; position: relative; padding: 4px 11px 5px 11px; height: auto; width: auto; color: #f5f5f5; background: #666; background: -moz-linear-gradient(top,#7b7b7b 0,#666,100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7b7b7b),color-stop(100%,#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b7b7b',endColorstr='#666',GradientType=0); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;...