button{margin:0;padding:0;list-style:none;position:relative;float:left}button.white{height:12em;width:3em;z-index:1;border-left:1px solid #bbb;border-bottom:1px solid #bbb;border-radius:0 0 5px 5px;box-shadow:inset -1px 0 0 rgba(255,255,255,.8),inset 0 0 5px #ccc,0 0 3px rgba(0,0,0,.2);background:linear-gradient(180deg,#eee 0,#fff)}button.white:active{border-top:1px solid #777;border-left:1px solid #999;border-bottom:1px solid #999;box-shadow:inset 2px 0 3px rgba(0,0,0,.1),inset -5px 5px 20px rgba(0,0,0,.2),0 0 3px rgba(0,0,0,.2);background:linear-gradient(180deg,#fff 0,#e9e9e9)}button.black{height:7em;width:1.5em;margin:0 0 0 -.75em;z-index:2;border:1px solid #000;border-radius:0 0 3px 3px;box-shadow:inset -1px -1px 2px rgba(255,255,255,.2),inset 0 -5px 2px 3px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(45deg,#222,#555)}button.black:active{box-shadow:inset -1px -1px 2px rgba(255,255,255,.2),inset 0 -2px 2px 3px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.5);background:linear-gradient(90deg,#444 0,#222)}button.degab-key{margin:0 0 0 -.75em;z-index:0}