.root {
  --TextLinkStyle-color: var(--TextLink-color-default, token("global.primary.action.default"));
  
  background: transparent;
  color: var(--TextLinkStyle-color);
  text-decoration: none;

  &:not(.hasIconColor) svg {
    fill: var(--TextLinkStyle-color) !important;
  }

  &.isActive {
    &:focus,
    &:hover {
      --TextLinkStyle-color: var(--TextLink-color-hover, token("global.primary.action.hover"));
    }
  
    &:active {
      --TextLinkStyle-color: var(--TextLink-color-pressed, token("global.primary.action.pressed"));
    }
  }
}