bratsun
1/4/2017 - 4:53 PM

Simple css arrow for next link

Simple css arrow for next link

.btn-next{
  text-transform: uppercase;
  font-size: 13px;
  position: relative;
  margin-top: 25px;
  display: inline-block;
  
  &:after {
    position: relative;
    top: -2px;
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid $blue;
    border-top: 1px solid $blue;
    transform: rotate(45deg);
    margin-left: 6px;
  }
  &:hover:after{
    border-right-color: $blue-light;
    border-top-color: $blue-light;
  }
}