Even more interactive buttons

Additionally to the cleaned CSS I posted #926124: UI break in Opera I'd like to propose an additional styling for the input buttons which is a bit more interactive. I'm currently using this style in my theme.

input.teaser-button,
input.form-submit {
  color:#444;
  background:#ddd;
  text-shadow:0 1px 1px #fff;
  border:1px solid rgba(0,0,0,.2);
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:rgba(255,255,255,.4) 0 1px, inset 0 20px 20px -10px #fff;
  -moz-box-shadow:rgba(255,255,255,.4) 0 1px, inset 0 20px 20px -10px #fff;
  -webkit-box-shadow:rgba(255,255,255,.4) 0 1px, inset 0 20px 20px -10px #fff
}

input.teaser-button:hover,
input.form-submit:hover,
input.teaser-button:focus,
input.form-submit:focus {
  background:#d5d5d5;
  color:#000;
  box-shadow:inset rgba(0,0,0,.3) 0 -5px 12px, inset rgba(0,0,0,.8) 0 1px 3px, #fff 0 1px;
  -moz-box-shadow:inset rgba(0,0,0,.3) 0 -5px 12px, inset rgba(0,0,0,.8) 0 1px 3px, #fff 0 1px;
  -webkit-box-shadow:inset rgba(0,0,0,.3) 0 -5px 12px, inset rgba(0,0,0,.8) 0 1px 3px, #fff 0 1px
}

input.teaser-button:active,
input.form-submit:active {
  position:relative;
  top:1px
}

Try it and tell me what you think.