.link {
  display: flex;
  align-items: center;
  gap: 0.25rem;

  color: $blue-500;
  transition-property: color;
  transition-duration: $transition-time-action;
  width: fit-content;
  text-decoration: none;

  &.inline {
    display: inline-flex;
  }

  &:hover {
    color: $ontime-color;
  }

  &:focus {
    outline: none;
    box-shadow: 0 1px 0 0 currentColor;
  }
}