.links {
  margin-top: 12px;
}
.textlink-base {
  all: unset;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-body);
  font-weight: 700;
  gap: var(--size-4);
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto;
}

.textlink-primary {
  color: var(--color-mlblue2);

  &[data-hovered] {
    color: var(--color-mldarkblue3);
    text-decoration: underline;
    cursor: pointer;
  }
}

.textlink-reversed {
  color: var(--color-white);

  &[data-hovered] {
    text-decoration: underline;
    cursor: pointer;
  }
}

.textlink-sm {
  font-size: var(--font-size-14);
}

.textlink-lg {
  font-size: var(--font-size-16);
}

.textlink-icon-left,
.textlink-icon-right {
  display: inline-flex;
  align-items: center;
}

.textlink-icon-left:empty,
.textlink-icon-right:empty {
  display: none;
}