@import '../../styles/common';

.Link {
  appearance: none;
  display: inline;
  text-align: inherit;
  padding: 0;
  background: none;
  border: 0;
  font-size: inherit;
  color: color('blue');
  text-decoration: none;
  cursor: pointer;

  &:hover,
  &:active {
    color: color('blue', 'dark');
    text-decoration: underline;
  }
}

.IconLockup {
  @include recolor-icon(currentColor);
  display: inline;
  white-space: nowrap;

  &::before {
    content: '\2060';
  }
}

.IconLayout {
  display: inline-flex;

  &::before {
    content: '\2060';
  }
}

.monochrome {
  color: inherit;
  text-decoration: underline;

  &:hover,
  &:focus,
  &:active {
    color: inherit;
  }
}
