


@mixin pseudoIcon($icon, $position: before, $hover: false) {
  &::#{$position} {
    content: '';
    speak: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center, -1000em -1000em;    
    background-image: svg-inline($icon);
  }
  
  @if $hover {
    &::#{$position} {
      background-image: svg-inline($icon), svg-inline($hover);
    }
    
    &:hover::#{$position} {
      background-position: -1000em -1000em, center;  
    }
  }
}