Css3 Button

CSS3 Button Generator.
CSS Button Generator will create beautiful css buttons for you to use on your web pages without the need for any images.
How To Apply This Label Hack?

DEMO BUTTON 

Code:

apply this hack manually by adding below CSS code just above/before ]]></b:skin> tag in your template,

.duy-bcss3 {
    cursor:pointer;
    border:3px solid #6b6b6e;
    background-color:#f2ac08;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcd600', endColorstr='#f2ac08');
    background-image:-webkit-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    background-image:-moz-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    background-image:-ms-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    background-image:-o-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    background-image:linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
    padding:18px 36px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    border-radius:13px;
    -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
    -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
    box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
    text-shadow:0px 1px 0px rgba(0,0,0,0.3);
    color:#140114;
    font:normal 20px 'Century Gothic',Helvetica,Arial,Sans-Serif;
    text-decoration:none;
    outline:none;
    vertical-align:middle;
}

.duy-bcss3:hover {
    border-color:#4a4743;
    background-color:#fcc203;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcc203', endColorstr='#de7104');
    background-image:-webkit-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    background-image:-moz-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    background-image:-ms-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    background-image:-o-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    background-image:linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
    color:#ffffff;
}

.duy-bcss3:active {
    background-color:#de7104;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#de7104', endColorstr='#fcc203');
    background-image:-webkit-linear-gradient(top, #de7104, #fcc203);
    background-image:-moz-linear-gradient(top, #de7104, #fcc203);
    background-image:-ms-linear-gradient(top, #de7104, #fcc203);
    background-image:-o-linear-gradient(top, #de7104, #fcc203);
    background-image:linear-gradient(top, #de7104, #fcc203);
}

HTML: <a class="duy-bcss3" href="URL" target="_blank">DEMO</a>