JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
        <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
    </head>
<body>
  <div class="btn-group">
    <button class="btn btn-small">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" baseProfile="tiny" version="1.2" id="doubleP" y="0px" x="0px" width="49.291px" height="50px" viewBox="0 0 49.291 50">
<path class="blue" d="m44.443 8.23c-3.064-1.897-7.279-2.669-13.207-2.669h-13.331c-1.501 0.01-2.953 1.162-3.298 2.625l-9.019 39.075c-0.262 1.135 0.357 2.735 2.176 2.738l6.402 0.001c1.501-0.011 2.951-1.163 3.301-2.625l2.187-9.471c0.269-1.213 1.569-2.248 2.812-2.238l1.823-0.001c7.844 0 13.977-1.604 18.379-4.851 4.405-3.239 6.629-7.549 6.624-12.849-0.001-4.504-1.543-7.662-4.849-9.735z" fill="#0A79BF"/>
<path class="white" d="m40.569 4.61c-3.266-2.025-7.727-2.63-13.074-2.63h-13.33c-1.373 0-2.75 1.093-3.059 2.433l-9.017 39.075c-0.309 1.338 0.562 2.434 1.934 2.434h6.401c1.373 0 2.749-1.096 3.057-2.432l2.188-9.473c0.309-1.336 1.683-2.432 3.055-2.432h1.823c7.812 0 13.889-1.596 18.233-4.802 4.351-3.204 6.522-7.419 6.522-12.649 0-4.648-1.702-7.623-4.733-9.524z" fill="#fff"/>
<path class="navy" d="m38.913 2.669c-3.065-1.898-7.28-2.669-13.207-2.669h-13.332c-1.501 0.009-2.952 1.162-3.298 2.625l-9.018 39.074c-0.262 1.135 0.357 2.734 2.176 2.737l6.401 0.002c1.501-0.011 2.951-1.163 3.3-2.625l2.187-9.471c0.27-1.213 1.569-2.248 2.812-2.238l1.823-0.001c7.844 0 13.976-1.604 18.379-4.851 4.405-3.239 6.629-7.55 6.624-12.849 0.001-4.505-1.541-7.663-4.847-9.734zm-7.777 10.734c-0.005 2.535-0.919 4.435-2.777 5.805-1.863 1.36-4.494 2.06-7.906 2.06h-1.589c-1.286-0.013-1.96-1.011-1.693-2.124l1.917-8.296c0.268-1.206 1.559-2.238 2.796-2.238h2.107c2.419-0.001 4.22 0.414 5.394 1.206 1.175 0.775 1.745 1.934 1.751 3.587z"...

CSS

.centered {
    text-align: center;
}
#doubleP {
    height: 15px;
    margin: auto 2px auto -2px;
    vertical-align: middle;
    width: 15px;
}


.ext a {
    display: inline !important;
    text-decoration: underline !important;
    color: blue !important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat !important;
}

.dropdown-menu {
    background: #eee !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    right: 0 !important;
    
}
.dropdown-menu:after {
    content: "";
    display: block;
    position: absolute;
    background: -webkit-linear-gradient(#e3e3e3,#eee);
    top: -6px;
    right: -1px;
    width: 1.75em;
    height: 6px;
    border: 1px solid #bbb;
    border-top-width: 0;
    border-bottom-width: 0;
}