JSFiddle - React, Tailwind, and code Playground

by justi

HTML

<span id="SPAN_1"><a href="https://getbadges.io/register/" id="A_1">Sign up for free</a></span>

<span id="SPAN_2"><a href="/demo" id="A_2">Schedule a demo</a></span>

CSS

#SPAN_1 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    text-align: left;
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 14px / 28px Lato, sans-serif;
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}/*#SPAN_7*/

#A_1 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    height: 34px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    perspective-origin: 80.4688px 17px;
    transform-origin: 80.4688px 17px;
    background: rgb(242, 120, 75) none repeat scroll 0% 0% / auto padding-box border-box;
    border-top: 0px solid rgb(216, 70, 16);
    border-right: 0px solid rgb(216, 70, 16);
    border-bottom: 2px solid rgb(216, 70, 16);
    border-left: 0px solid rgb(216, 70, 16);
    border-radius: 4px 4px 4px 4px;
    font: normal normal bold normal 14px / 20px Lato, sans-serif;
    list-style: none outside none;
    margin: 13px 10px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 6px 20px;
}/*#A_1*/

#SPAN_2 {
    box-sizing: border-box;
    color: rgb(43, 43, 43);
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    text-align: left;
    border: 0px none rgb(43, 43, 43);
    font: normal normal normal normal 14px / 28px Lato, sans-serif;
    outline: rgb(43, 43, 43) none 0px;
}/*#SPAN_7*/

#A_2 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    height: 39px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    vertical-align: middle;
    white-space:...