title: adjusting background color gradient of a submit button with css
body: <p>Hi i want to style an input submit button which has a background as given in the attached image.The back ground image was provided, but im not sure how to implement it in the submit button so instead of using that image i tried using the css 3 color gradient properties to style the button,however, i cant get the desired color output.Any help is welcome.
  <img src="https://i.stack.imgur.com/QxHGd.png" alt="enter image description here"></p>
  
  <p>CSS code so far.</p>
  
  <pre><code>.button {
    -moz-border-radius: 18px;
    -moz-box-shadow: #fffff 0px 0px 11px;
    -webkit-border-radius: 18px;
    -webkit-box-shadow: #6E7849 0 0 10px;
    background-color: #fefefefe;
    background-image: -moz-linear-gradient(24deg, #d8d8d8, #fefefefe);
    background-image: -ms-linear-gradient(24deg, #d8d8d8, #fefefefe);
    background-image: -o-linear-gradient(24deg, #d8d8d8, #fefefefe);
    background-image: -webkit-linear-gradient(24deg, #d8d8d8, #fefefefe);
    background-image: linear-gradient(24deg, #d8d8d8, #fefefefe);
    border-radius: 18px;
    border: 1px solid #888888;
    box-shadow: #fffff 0px 0px 11px;
    color: #000000;
    display: inline-block;
    font-size: 3em;
    margin: auto;
    padding: 4px;
    text-decoration: none;
  }
  </code></pre>