diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index c7a1a69..04e7921 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -161,6 +161,7 @@ export default function AboutPage() {
           cardClassName="bg-[#1a1f3a]/60 backdrop-blur-md border border-[#d4af37]/20 rounded-2xl p-8 hover:border-[#d4af37]/60 transition-all duration-300 hover:shadow-lg hover:shadow-[#d4af37]/20"
           cardTitleClassName="text-xl font-bold text-white mb-3"
           cardDescriptionClassName="text-gray-300 text-sm leading-relaxed mb-4 font-light"
+          cardButtonClassName="inline-flex items-center gap-2 px-4 py-2 bg-[#d4af37]/20 border border-[#d4af37] rounded-full text-[#d4af37] hover:bg-[#d4af37]/30 transition-all duration-300"
           animationType="slide-up"
         />
       </div>
@@ -235,6 +236,7 @@ export default function AboutPage() {
           textBoxTitleClassName="text-4xl md:text-5xl font-bold text-white text-center mb-4"
           textBoxDescriptionClassName="text-gray-300 text-lg text-center mb-16 max-w-2xl mx-auto"
           tagAnimation="slide-up"
+          animationType="slide-up"
         />
       </div>
 
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index fdab750..e945ce4 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -154,6 +154,7 @@ export default function BlogPage() {
           tagAnimation="slide-up"
           carouselMode="buttons"
           uniformGridCustomHeightClasses="min-h-[600px]"
+          animationType="slide-up"
         />
       </div>
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a386ee8..ba3cf1d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -218,6 +218,7 @@ export default function HomePage() {
           cardClassName="bg-[#1a1f3a]/60 backdrop-blur-md border border-[#d4af37]/20 rounded-2xl p-8 hover:border-[#d4af37]/60 transition-all duration-300 hover:shadow-lg hover:shadow-[#d4af37]/20"
           cardTitleClassName="text-xl font-bold text-white mb-3"
           cardDescriptionClassName="text-gray-300 text-sm leading-relaxed mb-4 font-light"
+          cardButtonClassName="inline-flex items-center gap-2 px-4 py-2 bg-[#d4af37]/20 border border-[#d4af37] rounded-full text-[#d4af37] hover:bg-[#d4af37]/30 transition-all duration-300"
           animationType="slide-up"
         />
       </div>
@@ -300,6 +301,7 @@ export default function HomePage() {
           tagAnimation="slide-up"
           carouselMode="buttons"
           uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
+          animationType="slide-up"
         />
       </div>
 
@@ -388,6 +390,7 @@ export default function HomePage() {
           tagAnimation="slide-up"
           carouselMode="buttons"
           uniformGridCustomHeightClasses="min-h-[600px]"
+          animationType="slide-up"
         />
       </div>
 
@@ -474,6 +477,7 @@ export default function HomePage() {
           textBoxTitleClassName="text-4xl md:text-5xl font-bold text-white text-center mb-4"
           textBoxDescriptionClassName="text-gray-300 text-lg text-center mb-16 max-w-2xl mx-auto"
           tagAnimation="slide-up"
+          animationType="slide-up"
         />
       </div>
 
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 3e06808..ea7ca96 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -153,6 +153,7 @@ export default function PortfolioPage() {
           tagAnimation="slide-up"
           carouselMode="buttons"
           uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
+          animationType="slide-up"
         />
       </div>