JSFiddle - React, Tailwind, and code Playground

by Elena Shevchuk

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<input type="submit" class="btn btn-red">

CSS

.btn-red {
    display: block;
    cursor: pointer;
    background: #ff4e54;
    padding: 0 14px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 6px;
    border-bottom: 2px solid #b30502;
    text-decoration: none;
}
.btn-red:hover {
    position: relative;
    top: 2px;
    color: inherit !important;
    text-decoration: none;
    background-clip: padding-box;
    border-bottom-color: transparent;
}