title: Button Border Color Issues
body: <p>I have created a button with the following HTML and CSS code. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.btnstyle2{
      height: 28px;
      text-align: center;
      background-color: #F8F8F8;
      border-radius: 3px;
      border-color: #E8E8E8;
      
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button type="button" class="btnstyle2"&gt;Dismiss&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The issues I am having is getting rid of the right and bottom borders that are darker than the left and top borders. I need the entire border for the button to be the light gray that is stated in the CSS code as border-color: #E8E8E8. Any help would be great! Thanks!</p>