:host {
  display: inline-flex;
}

  :host * {
    box-sizing: border-box;
  }

.link {
  color: var(--s-interactive-primary-default);
  line-height: var(--s-line-height-base);
  text-underline-offset: var(--s-space-4);
}

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

.link:active {
    color: var(--s-interactive-primary-pressed);
  }

@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {

.link {
    font-size: var(--s-font-size-sm);
    line-height: var(--s-line-height-sm)
}
  }

.link--color-subdued {
  color: var(--s-interactive-neutral-default);
  font-weight: var(--s-font-weight-medium);
  text-decoration: none;
}

.link--color-subdued:hover {
    color: var(--s-interactive-neutral-hovered);
  }

.link--color-subdued:active {
    color: var(--s-interactive-neutral-pressed);
  }