I'm trying to create a button with a silver-ish border and gradient like the one in the picture. I've managed everything except for the border, which is giving me some trouble. Here's the current CSS code I'm using for the button.
https://i.sstatic.net/IkQTy.png
.button_submit {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0cbbc8), color-stop(1, #008995));
background:-moz-linear-gradient(top, #0cbbc8 5%, #008995 100%);
background:-webkit-linear-gradient(top, #0cbbc8 5%, #008995 100%);
background:-o-linear-gradient(top, #0cbbc8 5%, #008995 100%);
background:-ms-linear-gradient(top, #0cbbc8 5%, #008995 100%);
background:linear-gradient(to bottom, #0cbbc8 5%, #008995 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cbbc8', endColorstr='#008995',GradientType=0);
background-color:#0cbbc8;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
}
.button_submit:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #008995), color-stop(1, #0cbbc8));
background:-moz-linear-gradient(top, #008995 5%, #0cbbc8 100%);
background:-webkit-linear-gradient(top, #008995 5%, #0cbbc8 100%);
background:-o-linear-gradient(top, #008995 5%, #0cbbc8 100%);
background:-ms-linear-gradient(top, #008995 5%, #0cbbc8 100%);
background:linear-gradient(to bottom, #008995 5%, #0cbbc8 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008995', endColorstr='#0cbbc8',GradientType=0);
background-color:#008995;
}
.button_submit:active {
position:relative;
top:1px;
}