export const proseLinkVariant =
  "cursor-pointer text-gray-8 underline decoration-gray-8 visited:text-gray-8 hover:decoration-yellow-5 hover:decoration-2 active:text-yellow-5 active:translate-y-px";

export const linkVariant =
  "cursor-pointer text-gray-6 hover:text-gray-8 active:text-gray-7 active:translate-y-px active:translate-y-px";

export const linkBg =
  "cursor-pointer relative font-medium text-gray-8 hover:before:bg-gray-1/50 hover:before:absolute hover:before:inset-x-[-6px] hover:before:inset-y-[-2px] hover:before:z-[-1] hover:before:rounded-full hover:before:border hover:before:border-gray-2 active:translate-y-px";

export const decoratedLinkVariant =
  "relative z-2 cursor-pointer text-gray-8 hover:underline decoration-gray-8 visited:text-gray-8 active:translate-y-px inline-block";