/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
.Link {
  all: unset;
  /* Set color on root of component. It can be overridden after the @include */
  color: var(--colorsTextDefault, #141414);
  /* Make sure font-family goes across entire component */
  font-family: "Nunito Sans", sans-serif;
  color: var(--colorsTextDefault, #141414);
  cursor: pointer;
  font-weight: 400;
}
.Link:hover, .Link:focus {
  text-decoration: underline;
}

.Link--blue {
  color: var(--colorsTextPrimary, #0265dc);
}

.Link--red {
  color: var(--colorsTextCritical, #bf2a00);
}

.Link--grey {
  color: var(--colorsTextSubdued, #606162);
}

.Link--disabled {
  pointer-events: none;
  color: var(--colorsTextDefault, #141414);
  opacity: 0.4;
}

/*# sourceMappingURL=Link.css.map */