.button{
    background: #333;
    padding: 1px 5px 2px 5px;
    margin: 0px 2px 2px 0px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    border: none;
    border-radius: 10px;
    text-align:center;
    border-bottom:none;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 0px 2px 2px rgba(30, 30, 30, 0.5);
}

.button:hover {
   background: #222;
    padding: 1px 5px 2px 5px;
   margin: 1px 1px 1px 1px;
   color: #eee;
   text-decoration: none;
   font-weight: bold;
   line-height: 1;    
   border: none;
   border-radius: 10px;
   text-align:center;
   border-bottom: none;
   position: relative;
   cursor: pointer;
}

.button:active {
   background: #111;
    padding: 1px 5px 2px 5px;
   margin: 2px 0px 0px 2px;
   color: #ddd;
   text-decoration: none;
   font-weight: bold;
   line-height: 1;  
   border: none;
   border-radius: 10px;
   text-align:center;
   border-bottom: none;
   position: relative;
   cursor: pointer;
}