title: linear gradient with box-shadow on round button
body: <p>I'm trying to create a button similar to these <a href="http://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon" rel="nofollow">http://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon</a></p>
  
  <p>and was hoping to do it with just css. </p>
  
  <p>I put together a quick jsfiddle page <a href="http://jsfiddle.net/ne69E" rel="nofollow">http://jsfiddle.net/ne69E</a> (but I haven't been able to get it to work, though I do see the round element with the same code without jsfiddle). </p>
  
  <p>Before I spend too much time doing this, I wanted to make sure that it is possible to create a linear gradient over a radial gradient. I tried using the background-image: linear gradient, but that only applies to the div, not the borders. </p>
  
  <p>What do you think? is it possible? Or should I just use images? </p>