From 1c317db74770f362c726127497c6895828097584 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Wed, 13 May 2026 11:23:11 +0200
Subject: [PATCH] fix(ui): add explicit cursor-pointer to core interactive
 elements to bypass tailwind v4 layer conflicts

---
 components/ui/Button.tsx         | 2 +-
 components/ui/TransitionLink.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/ui/Button.tsx b/components/ui/Button.tsx
index c9aee0631..ed5de80a6 100644
--- a/components/ui/Button.tsx
+++ b/components/ui/Button.tsx
@@ -20,7 +20,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
 }
 
 export const buttonBaseStyles =
-  'inline-flex items-center justify-center whitespace-nowrap rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate select-none';
+  'cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate select-none';
 
 export const buttonVariantsMap = {
   primary: 'bg-primary text-white shadow-md hover:shadow-primary/30 hover:shadow-2xl',
diff --git a/components/ui/TransitionLink.tsx b/components/ui/TransitionLink.tsx
index 3a2392fbc..11ae843ec 100644
--- a/components/ui/TransitionLink.tsx
+++ b/components/ui/TransitionLink.tsx
@@ -3,6 +3,7 @@
 import React from 'react';
 import Link, { LinkProps } from 'next/link';
 import { useTransition } from '@/components/providers/TransitionProvider';
+import { cn } from './utils';
 
 interface TransitionLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps>, LinkProps {
   children: React.ReactNode;
@@ -31,7 +32,7 @@ export function TransitionLink({ children, href, onClick, transitionMessage, ...
   };
 
   return (
-    <Link href={href} onClick={handleClick} {...props}>
+    <Link href={href} onClick={handleClick} className={cn('cursor-pointer', props.className)} {...props}>
       {children}
     </Link>
   );