(this button is too high, and not wide enough).
for demonstrative purposes only
perhaps, padding:2px 8px is the best choice.

my button 2
<a href="http://www.URL Here" class="CHANGENAMER">my button</a> <style type="text/css"> .CHANGENAMER { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#F2F7FF; primary color inside box -moz-border-radius:1px; increases roundness of box -webkit-border-radius:1px; border-radius:1px; border:1px solid #6A6A92; thin line surrounds box display:inline-block; color:#3c3c3c; color of text font-family:arial; font-size:13px; font-weight:bolder; padding:8px 2px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.CHANGENAMER:hover { background-color:#DEE6C9; color when hilighted }.CHANGENAMER:active { position:relative; top:2px; } </style>

(Amongst other attributes;
this button has wider sides.-padding:2px 12px)
my button 3
<a href="http://www.URL Here" class="ask" title="outer text here">my button</a> <style type="text/css"> .ask { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#ededed; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #7C7B9E; display:inline-block; color:#555555; font-family:arial; font-size:13px; font-weight:bold; padding:2px 12px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.ask:hover { background-color:#BFBFFF; }.ask:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ </style>

my button 4
<a href="http://www.URL" class="tag">my button</a> <style type="text/css"> .tag { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#f3edc7; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:9px; border:1px solid #f508f5; display:inline-block; color:#3c3c3c; font-family:arial; font-size:12px; font-weight:lighter; padding:1px 6px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.tag:hover { background-color:#eeb633; }.tag:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ </style>

This button has normal sides -padding:2px 8px
my button 5
<a href="http://www.url-link.com/" class="maps2">my button</a> <style type="text/css"> .maps2 { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#F6f5d4; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:9px; border:1px solid #7c7b9e; display:inline-block; color:#000000; font-family:arial; font-size:12px; font-weight:normal; padding:2px 8px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.maps2:hover { background-color:#8cb5ff; }.maps2:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ </style>

my button 6
<a href="http://www.URL Here" class="mapslite">my button</a> <style type="text/css"> .mapslite { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#Faf7fa; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #9999c2; display:inline-block; color:#989ba2; font-family:arial; font-size:15px; font-weight:lighter; padding:2px 14px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.mapslite:hover { background-color:#bed8ff; }.mapslite:active { position:relative; top:1px; } /* CSSButtonGenerator.com */ </style>

This button is substantially large.
my button 7
<a href="http://wwwURL" class="CHANGES2" title="">my button</a> <style type="text/css"> .CHANGES2 { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#F6F8FB; primary color inside box -moz-border-radius:11px; increases roundness of box -webkit-border-radius:11px; border-radius:11px; border:1px solid #8080A2; thin line surrounds box display:inline-block; color:#3c3c3c; color of text font-family:Book Antiqua; font-size:21px; font-weight:bold; padding:4px 8px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.CHANGES2:hover { background-color:#D3EAD1; color when hilighted }.CHANGES2:active { position:relative; top:9px; } /* CSSButtonGenerator.com */ </style>

This button stretches higher upward than most.
This can also be cosmetically attractive.

my button 8
<a href="http://" class="CHANGES" title="">my button</a> <style type="text/css"> .CHANGES { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#F2F7FF; primary color inside box -moz-border-radius:11px; increases roundness of box -webkit-border-radius:11px; border-radius:11px; border:1px solid #8C8CD1; thin line surrounds box display:inline-block; color:#3c3c3c; color of text font-family:arial; font-size:21px; font-weight:bold; padding:4px 8px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.CHANGES:hover { background-color:#F5E5B0; color when hilighted }.CHANGES:active { position:relative; top:1px; } /* CSSButtonGenerator.com */ </style>