.textLink {
  @extend .unselectable;
  font-weight: bold;
  color: $linkColor;

  &:hover {
    color: $linkHoverColor;
    cursor: pointer;
    &:active {
      color: $linkActiveColor;
    }
  }

  &[data-shortcut]:before {
    content: attr(data-shortcut) ") ";
  }
}

.statusLink {
  @extend .unselectable;
  font-weight: bold;
  color: $linkColorLight;

  &:hover {
    color: $linkHoverColorLight;
    cursor: pointer;
    &:active {
      color: $linkActiveColorLight;
    }
  }
}