Creating bold, fresh CSS3 buttons with effects

button-demo.css

.button, .button:visited { background: #222 url(../img/overlay.png) repeat-x;
                           display: inline-block;
                           padding: 5px 10px 6px;
                           border: 0;
                           box-shadow: 0 1px 1px #670707,
                                       0 2px 1px #ffffff,
                                 inset 0 1px 0 #e56565;
                           color: #fff;
                           text-decoration: none;
                           text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                           position: relative;
                           cursor: pointer;
                           background-color: #e22092;
                           -moz-border-radius: 5px;
                           border-radius: 5px;
                           opacity: 0.8;
                           filter: alpha(opacity=80) transition: opacity .50s ease-in-out;
                           -moz-transition: opacity .50s ease-in-out;
                           -webkit-transition: opacity .50s ease-in-out; }

.button:hover { opacity: 0.7;
                filter: alpha(opacity=70); }