<input type="button" onclick="window.open('لینک شما');" value="متن شما" class="dblue"/></input> <style>
.dblue{text-decoration:none; text-align:center;
padding:4px 14px;
border:none;
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
background-color:#00c4ff;
background-image: -moz-linear-gradient(top, #00c4ff 0%, #0067b5 100%);
background-image: -webkit-linear-gradient(top, #00c4ff 0%, #0067b5 100%);
background-image: -o-linear-gradient(top, #00c4ff 0%, #0067b5 100%);
background-image: -ms-linear-gradient(top, #00c4ff 0% ,#0067b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0067b5', endColorstr='#0067b5',GradientType=0 );
background-image: linear-gradient(top, #00c4ff 0% ,#0067b5 100%);
-webkit-box-shadow:0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
-moz-box-shadow: 0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
box-shadow:0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
-webkit-transition: all 0.38s ease;
-moz-transition: all 0.38s ease;
-o-transition: all 0.38s ease;
transition: all 0.38s ease;}.dblue:hover{
padding:4px 14px;
border:none;
-webkit-border-radius:0px 8px 0px 8px; border-radius: 0px 8px 0px 8px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:0px;
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
background-color:#00aee3;
background-image: -moz-linear-gradient(top, #00aee3 0%, #0067b5 100%);
background-image: -webkit-linear-gradient(top, #00aee3 0%, #0067b5 100%);
background-image: -o-linear-gradient(top, #00aee3 0%, #0067b5 100%);
background-image: -ms-linear-gradient(top, #00aee3 0% ,#0067b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0067b5', endColorstr='#0067b5',GradientType=0 );
background-image: linear-gradient(top, #00aee3 0% ,#0067b5 100%);
-webkit-box-shadow:0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
-moz-box-shadow: 0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
box-shadow:0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
}.dblue:active{
padding:4px 14px;
border:none;
-webkit-border-radius:0px 8px 0px 8px; border-radius: 0px 8px 0px 8px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:0px;
font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
background-color:#0067b5;
background-image: -moz-linear-gradient(top, #0067b5 0%, #00aee3 100%);
background-image: -webkit-linear-gradient(top, #0067b5 0%, #00aee3 100%);
background-image: -o-linear-gradient(top, #0067b5 0%, #00aee3 100%);
background-image: -ms-linear-gradient(top, #0067b5 0% ,#00aee3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aee3', endColorstr='#00aee3',GradientType=0 );
background-image: linear-gradient(top, #0067b5 0% ,#00aee3 100%);
-webkit-box-shadow:0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
-moz-box-shadow: 0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
box-shadow:0px 0px -20px #bababa, inset 0px 0px -20px #ffffff;
}</style>
