3d Button treatment for Bootstrap

3dbtn.css

.btn3d {
    position:relative;
    top: -6px;
    border:0;
     transition: all 40ms linear;
     margin-top:10px;
     margin-bottom:10px;
     margin-left:2px;
     margin-right:2px;
	text-transform: uppercase;
	font-family: "acumin-pro",sans-serif;
	font-style: normal;
	letter-spacing: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #1a3865;
}

.btn3d.btn-default:hover {
	box-shadow: 0 8px 0 0 #cc9900;
    background-color:#fedd58;
}

.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style:none;
         outline:medium none;
}
.btn3d:active, .btn3d.active {
    top:2px;
}

.btn3d.btn-default {
    box-shadow:0 8px 0 0 #cc9900;
    background-color:#ffcc00;
}
.btn3d.btn-default:active, .btn3d.btn-default.active {
    box-shadow: 0 0px 0px 0px rgba(0,0,0,0.0);
    background-color: #ffcc00;
}