button html css design

1 button html css

<style>
button {
font-size: 20px;
font-family: Arial;
width: 141px;
height: 42px;
border-width: 1px;
color: rgb(255, 255, 255);
border-color: rgb(50, 179,64);
font-weight: bold;
border-radius: 30px;
text-shadow: rgb(47, 102, 39) 1px 1px 0px;
background: rgb(68, 199,103);
</style>

<center>
<a href=""><button type="button">Button text</button></a></center>

2 button html css design

<style>
button {
font-size: 20px;
font-family: Arial;
width: 141px;
height: 42px;
border-width: 1px;
color: rgb(255, 255, 255);
border-color: rgb(50, 179,64);
font-weight: bold;
border-radius: 30px;
text-shadow: rgb(47, 102, 39) 1px 1px 0px;
background: rgb(68, 199,103);
</style>

<center>
<a href=""><button type="button">Button text</button></a></center>