Bigger hit area helper class

// helper for making element hit area bigger. especially useful for small links / icons / btns / etc
%e-bigger-hitArea {
  position: relative;
  &:after {
    content: "";
    padding: 10px;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100%;
    height: 100%;
    display: block;
  }
}

//example of use
.btn {
  @extend %e-bigger-hitArea;
  //other custom stuff
}