button

gistfile1.txt

nav
  ul
    li
      a#counter
      span.ring

gistfile2.txt

nav
  position: relative

  list-style: none
  text-align: center

  li
    position: relative
    display: inline-block
    margin-right: -4px

  .ring
    display: block;
    border-top: 2px solid #ddd;
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: inset 0px 8px 48px #ddd;

  a
    display: block
    background-color: #f7f7f7
    background-image: linear-gradient(top, #f7f7f7, #e7e7e7)
    //background-color: #f7f7f7
    text-decoration: none;
    color: #a7a7a7
    text-shadow: #fff 2px 2px
    color: #999
    margin: 36px
    width: 144px
    height: 144px
    position: relative
    text-align: center
    line-height: 144px
    border-radius: 50%
    box-shadow: 0px 3px 10px #999, inset 0px 2px 3px #fff
    top: -2px

  a:hover
    color: #999

  a:active
    top: 2px
    box-shadow: 0px 0px 3px #999, inset 0 0 3px #999
    background-image: linear-gradient(top, #f3f3f3, #e3e3e3)