gradient css
.btn-primary2:hover {
color: #747d94;
box-shadow: 0 1px rgba(0, 0, 0, 0.05);
border-color: #bdc7d2;
background-color: #f6f7f9; /* fallback color (eg. the gradient center color), if gradients not supported; you could also work with an gradient image, but mind the extra HTTP-Request for older browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#f9fafb, EndColorStr=#ddd )"; IE8-9, ColorZilla Ultimate CSS Gradient Generator uses SVG bg image for IE9
background-image: -webkit-linear-gradient( top, #f9fafb, #ddd ); /* Chrome10-25, Saf5.1-Saf6, iOS -6.1, Android -4.3 */
background-image: -moz-linear-gradient( top, #f9fafb, #ddd ); /* Fx3.6-15 */
background-image: -o-linear-gradient( top, #f9fafb, #ddd ); /* Op11.10-12.02 */
background-image: linear-gradient( to bottom, #f9fafb, #ddd ); /* W3C, Fx16+, Chrome26+, IE10+, Op12.10+, Saf6.1+ */
}