button from c9.io

btn.css

.not-ie .btn-big-red{background-color:#C63702;background-image:linear-gradient(167deg, rgba(255,255,255,0.1) 50%, transparent 55%),linear-gradient(top, rgba(255,255,255,0.15), transparent);border-radius:6px;box-shadow:0 0 0 1px #c63702 inset,0 0 0 2px rgba(255,255,255,0.15) inset,0 8px 0 0 #ad3002,0 8px 0 1px rgba(0,0,0,0.4),0 8px 8px 1px rgba(0,0,0,0.5);color:white;display:block;font-family:"Lucida Grande", Arial, sans-serif;font-size:22px;font-weight:bold;height:61px;letter-spacing:-1px;line-height:61px;margin:28px 0 10px;position:relative;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.5);text-decoration:none !important;transition:all .2s linear;width:186px}
.not-ie .btn-big-red:hover{background-color:#d13902;box-shadow:0 0 0 1px #c63702 inset,0 0 0 2px rgba(255,255,255,0.15) inset,0 10px 0 0 #ad3002,0 10px 0 1px rgba(0,0,0,0.4),0 10px 8px 1px rgba(0,0,0,0.6);margin-top:26px;margin-bottom:12px}
.not-ie .btn-big-red:active{box-shadow:0 0 0 1px #ad3002 inset,0 0px 0 2px rgba(255,255,255,0.15) inset,0 0 0 1px rgba(0,0,0,0.4);margin-top:35px;margin-bottom:3px}
.not-ie .btn-big-red:before{content:"";display:block;height:inherit;width:inherit;padding-bottom:8px;border-radius:5px;position:absolute}
.not-ie .btn-big-red:hover:before{top:3px}
.not-ie .btn-big-red:active:before{top:-7px}

btn.html

<div class="not-ie">
    <a href="https://c9.io/site/pricing/" class="btn-big-red" draggable="false" title="Sign me up!" target="_top">Sign me up!</a>
</div>

result.md

http://jsfiddle.net/cjADb/