/* Link */

.link {
  display: inline-flex;
  align-items: center;
  gap: var(--link-base-gap);
  text-decoration: var(--link-base-text-decoration);
  transition: var(--link-base-transition);
  cursor: pointer;
  font-weight: var(--link-base-font-weight);
}

.link--primary {
  color: var(--link-primary-color);
}

.link--primary:hover {
  color: var(--link-primary-hover-color);
}

.link--primary:focus {
  outline: none;
}

.link--secondary {
  color: var(--link-secondary-color);
}

.link--secondary:hover {
  color: var(--link-secondary-hover-color);
}

.link--secondary:focus {
  outline: none;
  box-shadow: var(--link-secondary-focus-ring);
}

.link__icon {
  display: var(--link-icon-display);
  align-items: var(--link-icon-align-items);
  justify-content: var(--link-icon-justify-content);
}