/* ==========================================================================
 * Links - Mixins
 * ========================================================================== */

@define-mixin mds-m-link {
  color: currentcolor;
  cursor: pointer;
  display: inline;
  font-size: inherit;
  font-weight: var(--mds-d-font-weight--medium);
  line-height: inherit;
  position: relative;
  text-decoration: underline;

  &:focus-visible {
    outline: 2px solid var(--mds-d-color-brand--primary);
  }

  &[disabled] {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
  }
}