Black button

Black button

by Олексій Рачок

HTML

<input type="submit" value="Send Message" class="submit">

CSS

button, input, select, textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
label, input, button, select, textarea, input[type="text"] {
font-size: 14px;
color: #767676;
font-weight: 400;
line-height: 2.7em;
text-shadow: 0px 1px 0px #fff;
}
body, h1, h2, h3, h4, h5, h6, .mybtn, .mybtn-color, .mybtn-small, .mybtn-small-color, label, input, button, select, textarea, input[type="text"], .submit, .ddsmoothmenu ul li a {
font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
.submit {
background: #484a4b;
padding: 10px 40px;
margin-left: 31%;
font-size: 16px;
color: #fff !important;
line-height: 16px;
font-weight: 600;
text-shadow: 0px 1px 0px #000;
cursor: pointer;
border: none;
width: auto;
height: auto;
display: inline-block;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
width: auto;
}
.submit:hover {
	background: #d95b44;
}