JSFiddle - React, Tailwind, and code Playground

by DaveAlger

HTML

<div class="btn1">ADD NODE TO MONITOR</div>
<br/><br/>
<div class="btn2">&#10010; ADD NODE TO MONITOR</div>

CSS

.btn1 {
  background: #34bb68;
  background-image: -webkit-linear-gradient(top, #34bb68, #299950);
  background-image: -moz-linear-gradient(top, #34bb68, #299950);
  background-image: -ms-linear-gradient(top, #34bb68, #299950);
  background-image: -o-linear-gradient(top, #34bb68, #299950);
  background-image: linear-gradient(to bottom, #34bb68, #299950);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 12px 6px 12px;
  text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.btn1:hover {
  background: #34cb68;
  background-image: -webkit-linear-gradient(top, #34cb68, #29a950);
  background-image: -moz-linear-gradient(top, #34cb68, #29a950);
  background-image: -ms-linear-gradient(top, #34cb68, #29a950);
  background-image: -o-linear-gradient(top, #34cb68, #29a950);
  background-image: linear-gradient(to bottom, #34cb68, #29a950);
  text-decoration: none;
}