Simple 3d button

3dbutton.css

/*
html:
<div class="test"></div>
*/

.test {
  border: none;
  border-bottom: 5px solid hsla(0,0%,0%,0.2);
/*  border-left: 5px solid black;*/
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background-color: #bbb;
  display: block;
}
.test:hover {
  border-bottom-width: 1px;
  border-top: 4px solid white;
  background-color: #aaa;
  cursor: pointer;
}