Muhammad Shoaib Khan Owner of (MyPWBC)

Click here to go back to MyPWBC

.button {

/*Step 2: Basic Button Styles*/
display: block;
height: 100px;
width: 300px;
background: #34696f;
border: 2px solid rgba(33, 68, 72, 0.59);

/*Step 3: Text Styles*/
color: rgba(0, 0, 0, 0.55);
text-align: center;
font: bold 3.2em/100px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

/*Step 4: Fancy CSS3 Styles*/
background: -webkit-linear-gradient(top, #34696f, #2f5f63);
background: -moz-linear-gradient(top, #34696f, #2f5f63);
background: -o-linear-gradient(top, #34696f, #2f5f63);
background: -ms-linear-gradient(top, #34696f, #2f5f63);
background: linear-gradient(top, #34696f, #2f5f63);

-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

-webkit-box-shadow: 0 8px 0 #1b383b;
-moz-box-shadow: 0 8px 0 #1b383b;
box-shadow: 0 8px 0 #1b383b;

text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);

}

/*Step 3: Link Styles*/
a.button2 {
text-decoration: none;
}

/*Step 5: Hover Styles*/
a.button:hover {
background: #3d7a80;
background: -webkit-linear-gradient(top, #3d7a80, #2f5f63);
background: -moz-linear-gradient(top, #3d7a80, #2f5f63);
background: -o-linear-gradient(top, #3d7a80, #2f5f63);
background: -ms-linear-gradient(top, #3d7a80, #2f5f63);
background: linear-gradient(top, #3d7a80, #2f5f63);
}