.link {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

.link:hover {
  opacity: 0.85;
}

.link[data-variant='default'] {
  color: var(--color-primary);
}

.link[data-variant='inline'] {
  color: var(--brand-50);
  font-size: var(--font-size-3);
  text-decoration: underline;
}