.rapbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #933242;
    border-radius: 24px;
    background: #ff5e7d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5e7d), to(#933242));
    background: -moz-linear-gradient(top, #ff5e7d, #933242);
    background: linear-gradient(to bottom, #ff5e7d, #933242);
    text-shadow: #571e27 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
	width : 30%;
}
.rapbutton:hover,
.rapbutton:focus {
    border: 1px solid #ad3b4e;
    background: #ff7196;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7196), to(#b03c4f));
    background: -moz-linear-gradient(top, #ff7196, #b03c4f);
    background: linear-gradient(to bottom, #ff7196, #b03c4f);
    color: #ffffff;
    text-decoration: none;
}
.rapbutton:active {
    background: #933242;
    background: -webkit-gradient(linear, left top, left bottom, from(#933242), to(#933242));
    background: -moz-linear-gradient(top, #933242, #933242);
    background: linear-gradient(to bottom, #933242, #933242);
}

<!-- http://buttonoptimizer.com/  -->