Nice effect for the hover event

anchor-simple.sass

/* More simple transition, without underline effect
a:hover
	color: #7f270a
	text-decoration: none
	+transition-duration(.7s)
	+transition-property(all)
	+transition-timing-function(ease-in-out)

anchor.sass

/* A elements decoration with 
a,a:hover
  color: #c63d0f
  text-decoration: none
  +transition-duration(.7s)
  +transition-property(all)
  +transition-timing-function(ease-in-out)
a
  position: relative
  display: inline-block
  &:before
    content: ""
    position: absolute
    width: 100%
    height: 2px
    bottom: 0
    left: 0
    background-color: #7f270a
    visibility: hidden
    +transform(scaleX(0))
    +transition-duration(.7s)
    +transition-property(all)
    +transition-timing-function(ease-in-out 0s)
  &:hover
    color: #7f270a
    text-decoration: none
    &:before
      visibility: visible
      +transform(scaleX(1))