JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<a class='button'>learn more <span>►</span></a>
<br />
<br />
<img src='http://foliotek.com/style/css/img/home/btn-learn-more-112x25.gif'>

CSS

body { padding: 8px; }

.button {
  font-family: "Lucida Sans", "Lucida Grande", sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 3px 10px;
  letter-spacing: 1px;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0px 1px 3px #666666;
  text-shadow: 1px 1px 3px #666666;
  border: solid #243d99 1px;
  background: #2b48b1;
  cursor: pointer;
}
.button:hover {
  border-color: #2b48b1;
}
.button span {
  font-size: 10px;   
}