JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<div class="container">
  <ul>
    <li><a href="http://www.kbb.com/scion/fr-s/2013/" class="button">YES</a></li>
  </ul>
</div>
<div class="2">
  <ul>
    <li><a href="http://tinyurl.com/nk4k25r" class="button">NO</a></li>
  </ul>
</div>


<div class="3">
  <ul>
    <li><a href="http://tinyurl.com/pnaj3j2" class="button">YES</a></li>

</div>
<div class="4">
  <ul>
    <li><a href="http://tinyurl.com/qybshxz" class="button">NO</a></li>
  </ul>
</div>
</div>

SCSS

.button {
  display: block;
  height: 100px;
  width: 200px;
  background: #ffff00;
  border: 2px solid #00E5EE;
  color: #551A8B;
  text-align: center;
  font: bold 3.2em/100px Impact;
  background: -webkit-linear-gradient(top, #ffff00, #2f5f63);
  background: -moz-linear-gradient(top, #ffff00, #2f5f63);
  background: -o-linear-gradient(top, #ffff00, #2f5f63);
  background: -ms-linear-gradient(top, #ffff00, #2f5f63);
  background: linear-gradient(top, #ffff00, #2f5f63);
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 90px;
  margin: 0px 0px 15px 15px;
  div li {
    display: inline;
    float: center;
  }
}