fancy buttons sass

sass

.fancy
  background-color: #fff
  *zoom: 1
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF')
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(73%, #f7f7f7), color-stop(100%, #efefef))
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 73%, #efefef 100%)
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 73%, #efefef 100%)
  background-image: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 73%, #efefef 100%)
  background-image: linear-gradient(top, #ffffff 0%, #f7f7f7 73%, #efefef 100%)
  border: 1px solid rgba(52, 73, 94, 0.2)
  color: rgba(52, 152, 219, 0.8)
  font-size: 12px
  letter-spacing: 0.08em
  font-weight: bold
  font-family: 'Fira Sans', sans-serif
  box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.05) inset
  &:hover
    position: relative
    top: 1px
    left: 1px
    color: #3498db
    background-color: #fff
    *zoom: 1
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEDEDED')
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(73%, #efefef), color-stop(100%, #ededed))
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #efefef 73%, #ededed 100%)
    background-image: -moz-linear-gradient(top, #ffffff 0%, #efefef 73%, #ededed 100%)
    background-image: -o-linear-gradient(top, #ffffff 0%, #efefef 73%, #ededed 100%)
    background-image: linear-gradient(top, #ffffff 0%, #efefef 73%, #ededed 100%)
    border-color: rgba(52, 73, 94, 0.3)
  &:active
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset
  > i
    font-size: 13px
  > i.btn
    font-size: 16px
  > i.btn-td
    font-size: 22px