JSFiddle - React, Tailwind, and code Playground

by TimPietrusky

HTML

<h1>New</h1>

<button class="icon note">Merken/Vergleichen</button>
<br><br>
<button>GO</button>

<br>
<br>
<br>

<h1>Old</h1>

<img class="old" src="http://www.eneo-security.com/mall/2/img/de/merken.gif"/>

CSS

body {
    margin:5%;
    background:#fff;
}

button {
    height:28px;
    font:11px/16px Arial;
    padding: 4px 6px;
    margin:0;
    color:#222;
    cursor:pointer;
    border-radius:3px;
    box-shadow: inset 0 0 0 1px #fff;
    border: 1px solid #a1a1a1;
    border-top:1px solid #b5b5b5;
    
    background: rgb(252,252,252);
    background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(252,252,252,1) 50%, rgba(247,247,247,1) 51%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(50%,rgba(252,252,252,1)), color-stop(51%,rgba(247,247,247,1)), color-stop(100%,rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 50%,rgba(247,247,247,1) 51%,rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 50%,rgba(247,247,247,1) 51%,rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 50%,rgba(247,247,247,1) 51%,rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 50%,rgba(247,247,247,1) 51%,rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 );

    
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

button:hover {
    background: rgb(254,245,230);
    background: -moz-linear-gradient(top,  rgba(254,245,230,1) 0%, rgba(254,245,230,1) 50%, rgba(255,234,198,1) 51%, rgba(255,234,198,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,245,230,1)), color-stop(50%,rgba(254,245,230,1)), color-stop(51%,rgba(255,234,198,1)), color-stop(100%,rgba(255,234,198,1)));
    background: -webkit-linear-gradient(top,  rgba(254,245,230,1) 0%,rgba(254,245,230,1)...