.Link {
  font-weight: var(--linkWeight, var(--fontWeightSemibold));
  cursor: pointer;
  color: var(--linkColor);
  opacity: var(--linkOpacity, 1);
  transition: var(--hoverTransition);
  transition-property: color, opacity;
  outline: none
}

@media (pointer:fine) {
  .Link:hover {
    color: var(--linkHoverColor, var(--linkColor));
    opacity: var(--linkHoverOpacity, 1)
  }
}

@media (pointer:coarse) {
  .Link:active {
    color: var(--linkHoverColor, var(--linkColor));
    opacity: var(--linkHoverOpacity, 1)
  }
}

.keyboard-navigation .Link:focus {
  box-shadow: var(--focusBoxShadow);
  border-radius: 2px
}

.Link__icon {
  position: relative;
  top: 2px;
  margin: 0 8px 0 0
}