From 8349104112bc3a9b8650f3c5800d0eb8bf4f46a8 Mon Sep 17 00:00:00 2001
From: David Haz <davidhzdev@gmail.com>
Date: Fri, 18 Jul 2025 20:57:45 +0300
Subject: [PATCH] fix: Update button styles in BlurTextDemo

---
 src/demo/TextAnimations/BlurTextDemo.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/demo/TextAnimations/BlurTextDemo.vue b/src/demo/TextAnimations/BlurTextDemo.vue
index 0bfd60d..c2f30d9 100644
--- a/src/demo/TextAnimations/BlurTextDemo.vue
+++ b/src/demo/TextAnimations/BlurTextDemo.vue
@@ -27,7 +27,7 @@
 
         <div class="flex gap-4 flex-wrap">
           <button
-            class="text-xs bg-[#0b0b0b] rounded-[10px] border border-[#1e3721] hover:bg-[#1e3721] text-white h-8 px-3 transition-colors"
+            class="text-xs bg-[#0b0b0b] rounded-[10px] border border-[#333] hover:bg-[#222] text-white h-8 px-3 transition-colors cursor-pointer"
             @click="toggleAnimateBy"
           >
             Animate By:
@@ -35,7 +35,7 @@
           </button>
 
           <button
-            class="text-xs bg-[#0b0b0b] rounded-[10px] border border-[#1e3721] hover:bg-[#1e3721] text-white h-8 px-3 transition-colors"
+            class="text-xs bg-[#0b0b0b] rounded-[10px] border border-[#333] hover:bg-[#222] text-white h-8 px-3 transition-colors cursor-pointer"
             @click="toggleDirection"
           >
             Direction: