JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<span id="input-box"><input type="submit" id="addToCart" value="Add to cart" ></span>

CSS

input {
    text-shadow:
    3px 3px 0 #000,
    -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

#input-box {
    position: relative;
}

#input-box:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    border-bottom: 1px solid #ff0000;
    text-shadow: none;
}