.amplify-link {
  color: var(--amplify-components-link-color);
  text-decoration: var(--amplify-components-link-text-decoration);
  // all:unset removes this, so we have to add it back.
  cursor: pointer;

  &:visited {
    color: var(--amplify-components-link-visited-color);
    text-decoration: var(--amplify-components-link-visited-text-decoration);
  }
  &:active {
    color: var(--amplify-components-link-active-color);
    text-decoration: var(--amplify-components-link-active-text-decoration);
  }
  &:focus {
    color: var(--amplify-components-link-focus-color);
    text-decoration: var(--amplify-components-link-focus-text-decoration);
  }
  &:hover {
    color: var(--amplify-components-link-hover-color);
    text-decoration: var(--amplify-components-link-hover-text-decoration);
  }
}