interface LinkButtonProps {
  text: string;
  url: string;
}

export function LinkButton({ text, url }: LinkButtonProps) {
  return (
    <a
      href={url}
      target="_blank"
      rel="noopener noreferrer"
      class="inline-flex items-center gap-1 text-[var(--z-font-md)] transition-colors mb-2"
      style={{ color: "var(--z-accent-light)" }}
    >
      <span class="underline underline-offset-2">{text}</span>
      <span class="text-[var(--z-font-xs)] opacity-50">↗</span>
    </a>
  );
}
