diff --git a/src/app/page.tsx b/src/app/page.tsx
index 13273a3..1a1b0e3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Zap, Users, Award, Handshake, Github, Linkedin, Twitter } from "lucide-react";
 import { useState } from 'react';
+import { getCTAButtonVariant } from '@/utils/designTokens';
 
 export default function LandingPage() {
   const [flippedCards, setFlippedCards] = useState<{[key: string]: boolean}>({});
@@ -203,7 +204,7 @@ export default function LandingPage() {
                                 href={social.href}
                                 target="_blank"
                                 rel="noopener noreferrer"
-                                className="flex items-center justify-center gap-3 px-4 py-3 rounded-lg bg-white/10 hover:bg-white/20 text-white transition-colors"
+                                className={`flex items-center justify-center gap-3 px-4 py-3 rounded-lg ${getCTAButtonVariant('shift-hover')} text-white transition-colors`}
                                 title={social.label}
                               >
                                 <Icon className="w-5 h-5" />