Button Pressed and Normal state using CSS explained

Here We Use Two Different CSS. First For button pressed state which is  ".mybutton-pressed" and another for button normal state which is  ".mybutton-normal"

Simply set button class="mybutton-pressed" for pressed state
and button class="mybutton-pressed" for normal state

.mybutton-pressed {

            -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;

            -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;

            box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;

            border-bottom-color:#333;

  background-color:#70B9D6;

  border:1px inset #1d659f;

   color:#ffffff;

  padding:4px 2px 2px 4px;

  margin:1px;

  text-decoration:none;

   font-family:'Verdana',Arial,sans-serif;

            font-size:14px;

            text-shadow:#b2e2f5 0 1px 0;

        }

.mybutton-normal {

            -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;

            -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;

            box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;

            border-bottom-color:#333;

            border:1px solid #91ccea7;

            background-color:#7cceee;

            border-radius:2px;

            -moz-border-radius:5px;

            -webkit-border-radius:5px;

            color:#333;

            font-family:'Verdana',Arial,sans-serif;

            font-size:14px;

            text-shadow:#b2e2f5 0 1px 0;

            padding:4px

        }