@use '../variables/colors';
@use '../variables/fonts';
@use '../variables/line-height';
@use '../variables/spacing';
@use '../tools/rfs';

.byline {
  @include rfs.font-size(14px);
  color: colors.$black;
  font-family: fonts.$font-family-sans-serif;
  font-weight: fonts.$font-weight-bold;
  line-height: line-height.$title;
  margin: spacing.$size-n1 0;
}

.byline a {
  color: colors.$dark-orange;
  text-decoration: none;

  &:hover,
  &:focus,
  &:active {
    color: colors.$light-orange;
  }
}