CodePen

HTML

            
              <form>
  <a href="#" class="button form_cancel">Cancel</a>
  <input type="submit" class="button">
</form>
            
          
!
via HTML Inspector

CSS

            
              body {
 background: #eee; 
}

form {
  width: 260px;
  margin: 20px auto;
  position: relative;text-align: center;
}


.button {
  display: inline-block;
  background: #dddddd;
  border: 1px solid #aeadad;
  box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.5);
  padding: 7px 40px;
  font-family: Calibri;
  font-size: 0.8em;
  text-decoration: none;
  cursor: pointer;
}

.button:hover {
  background: #444;
  border: 1px solid #444;
  box-shadow: 0 3px 1px -1px rgba(0,0,0,0.5);
  color: #fff;
}

.button:active, .button:focus {
  background: #444;
  border: 1px solid #444;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,0.5);
  margin-top: 2px;
  margin-bottom: -1px;
  outline: none;
}

.button + .button { margin-left: 10px; }
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................