button styling

<style type="text/css">
    .button {
        background: #65a9d7;
        background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
        padding: 13px 26px;
        border-radius: 40px;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: white;
        font-size: 23px;
        font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
        text-decoration: none;
        vertical-align: middle;
    }
</style>
<a href="#" class="button">Search</a>

Note: While this makes a very pretty button, it isn't actually a button.

Links are meant to navigate. Buttons are meant to trigger an action. So, if you're using this code for a thing that navigates: cool. If you're using this for something that triggers an action, then change to a element.