@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.c-byline {
  @include meta-text;
  @include font-gm-sans-bold;
  color: $color-grey-900;
  display: inline-block;
}
.c-byline--link {
  text-decoration: none;
  &:hover {
    color: $color-red-500;
    text-decoration: underline;
    .c-byline__icon {
      fill: $color-red-500;
    }
  }
  &:focus {
    color: $color-red-bright;
    text-decoration: underline;
    .c-byline__icon {
      fill: $color-red-bright;
    }
  }
}
.c-byline__icon {
  @include css-variables("width", 8);
  @include css-variables("height", 8);
  @include css-variables("margin-left", 1.5);
  fill: $color-red-500;
  display: inline-block;
}
