JSFiddle - React, Tailwind, and code Playground

by nikolya223

HTML

<script src="http://myportfoly.besaba.com/site/js/bootstrap.min.js"></script>
<link href="http://myportfoly.besaba.com/site/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

CSS

.btn-green {
    background: #003100;
    background: linear-gradient(to bottom, #5fb914, #004a1a);
    height: 44px;
    line-height: 40px;
    font-size: 30px;
    font-family: Arial;
    color: #002700;
    display: inline-block;
    text-shadow: 0 1px 0 hsla(0, 100%, 100%, .45);
    border-radius: 22px;
    padding: 0 30px;
    box-shadow: 0 0 13px fadeout(#ffffbc, 16%) inset;
    cursor: pointer;
}
.btn-green svg {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
}
.btn-green svg text {
    line-height: 40px;
    font-size: 30px;
    font-family: Arial;
    color: #002700;
    text-anchor: middle;
    alignment-baseline: middle;
    fill: url(#textgradient-yellow); 
}