I would like to place buttons that match the Network theme

I would like to place buttons in posts that match the green style buttons in the network theme with my own text and link. Does anyone know an easy way to replicate the style for custom buttons in posts? I got pretty close but I'm struggling with the hover function. Also, the button is extended across the whole post.

My attempt at a custom button

This is the code I used in the post:

<a class="lbp_secondary" style="display:block" href="http://elegantthemes.com/preview/Nimble/">
<div style="background: #5f8200 url('http://webvyne.com/wp-content/themes/network/_inc/images/buttons/green_bg.gif') repeat-x; font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif; text-decoration:none; width: 100px; color: #fff; border: 1px solid #e2e2e2; font-size: 14px; font-weight: bold; padding: 5px 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; cursor: pointer;">Live Preview</div>
</a>

Thanks for the help!