.vl-icon-wrapper {
  display: flex;

  .vl-icon {
    display: inline-flex;
  }
}

.vl-icon {
  font-size: 1em;
  display: inline;
  color: inherit;

  &--small {
    font-size: 0.8em;
  }

  &--large {
    font-size: 1.2em;
  }

  &--light {
    color: $vl-sub-text-color;
  }

  &--before {
    margin-right: 0.5em;
  }

  &--after {
    margin-left: 0.5em;
  }
}