.BUTTON_NOY { background: #18A390; background-image: -webkit-linear-gradient(top, #18A390, #0E9B2B); background-image: -moz-linear-gradient(top, #18A390, #0E9B2B); background-image: -ms-linear-gradient(top, #18A390, #0E9B2B); background-image: -o-linear-gradient(top, #18A390, #0E9B2B); background-image: -webkit-gradient(to bottom, #18A390, #0E9B2B); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 24px; line-height: 24px; color: #FFFFFF; font-family: Brush Script MT; width: 339px; font-size: 40px; font-weight: 100; padding: 40px; -webkit-box-shadow: 1px 1px 20px 0 #000000; -moz-box-shadow: 1px 1px 20px 0 #000000; box-shadow: 1px 1px 20px 0 #000000; text-shadow: 1px 1px 20px #000000; border: solid #337FED 1px; text-decoration: none; display: inline-block; cursor: pointer; text-align: center; } .BUTTON_NOY:hover { border: solid #337FED 1px; background: #1E62D0; background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6); background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6); background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6); background-image: -o-linear-gradient(top, #1E62D0, #3D94F6); background-image: -webkit-gradient(to bottom, #1E62D0, #3D94F6); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-decoration: none; }

 

>

.button { border-top: 1px solid #18b850; background: #65d676; background: -webkit-gradient(linear, left top, left bottom, from(#3e9c62), to(#65d676)); background: -webkit-linear-gradient(top, #3e9c62, #65d676); background: -moz-linear-gradient(top, #3e9c62, #65d676); background: -ms-linear-gradient(top, #3e9c62, #65d676); background: -o-linear-gradient(top, #3e9c62, #65d676); padding: 15.5px 31px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 20px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .button:hover { border-top-color: #11ab60; background: #11ab60; color: #ccc; } .button:active { border-top-color: #ffffff; background: #ffffff; }