A Pen by James Sterling.

index.html

<p>
  <a class="buttonTeal" href="/workers-comp/group-rating/ac3-form.php">Learn more about our Unemployment<br>Compensation offering</a>
</p>

nuxKr.markdown

nuxKr

A Pen by James Sterling on CodePen.

License.

style.css

a.buttonTeal {
    display: block;
    float: left;
    margin: 10px 0;
    padding: 5px 8px;
    background: #99D7DB;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFE6E8', endColorstr='#99D7DB');
    background: -webkit-gradient(linear, left top, left bottom, from(#BFE6E8), to(#99D7DB));
    background: -moz-linear-gradient(top, #BFE6E8, #99D7DB);
    border: 1px solid #99D7DB;
    color: #2e281e;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
}

a.buttonTeal:hover {
    background: #000000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#000000');
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000));
    background: -moz-linear-gradient(top,  #555555,  #000000);
    color: #ffffff;
    border: 1px solid #000000;
}