class-css

a {
     margin: 3%;
     display: inline-block;
     padding: 10px 18px;
     color: #505050;
     font: bold 20px Helvetica, sans-serf;
     border-radius: 9px;
     text-shadow: 0 1px white;
     text-transform: uppercase;
     text-decoration: none;
     box-shadow: 
     0 1px 2px 2px rgba(97, 97, 97, 0.7),
    0 0 0 8px rgba(200, 200, 200, 1),
     0 0 0  10px  rgba(255, 255, 255,1),
    0 0 0 12px rgba(102, 102, 102, 1),
    0 2px 4px 16px #eee;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(40%, #bbbbbb), color-stop(100%, #aaaaaa));
}
 
a:before, a:after{
  color: #808080;
  content: '\2605'
  
}