title: Gradient buttons using only CSS
body: <p>Is it possible to create this kind of button (with 3 states and variable width) completely with CSS3? Or at least avoid having images for every button?</p>
  
  <p><img src="https://i.stack.imgur.com/wOfO7.png" alt="Buttons"></p>
  
  <p>ok with cssbuttongenerator and jsfiddle i'm at this point: <a href="http://jsfiddle.net/Wdzje/" rel="nofollow noreferrer">http://jsfiddle.net/Wdzje/</a> but its still not quite yet where i wanna be (color,border)! can someone help me out? Also the actve state isnt ready yet</p>