JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<a href="#" id="FFContinue"><span id="Check">&#10004;</span><p>Continue - I'm over 18</p></a>

CSS

body {
    background: #ffeec4;
    margin: 30px;
}

a {text-decoration: none;}

#FFContinue {
    position: relative;
    display: block;
    width: 235px;
    border: 1px solid #368225;
    background: #14700a;
    text-transform: uppercase;
    font: bold 16px/16px 'Trebuchet MS';
    color: #FFF;
    
    text-shadow: 1px 1px 2px #094904;
    -moz-box-shadow: 1px 1px 2px #7ea55d;
    -webkit-box-shadow: 1px 1px 2px #7ea55d;
    box-shadow: 1px 1px 2px #7ea55d;
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.53, rgb(20,112,10)),
        color-stop(0.54, rgb(84,161,77)),
        color-stop(1, rgb(84,161,77))
        );
    background-image:
        -moz-linear-gradient(
        center bottom,
        rgb(20,112,10) 53%,
        rgb(84,161,77) 54%,
        rgb(84,161,77) 100%
        );
}

#FFContinue p {
    padding: 8px 0px 8px 40px;
    margin: 0;
    color: #ffeec4;
}

#Check {
    position:absolute;
    left:9px;
    top:-12px;
    line-height: 37px;
    font-size:48px;
}