diff --git a/client/src/components/classes/classes-section.tsx b/client/src/components/classes/classes-section.tsx
index fa244db..a05f4c8 100644
--- a/client/src/components/classes/classes-section.tsx
+++ b/client/src/components/classes/classes-section.tsx
@@ -58,7 +58,7 @@ export function ClassesSection() {
         
         <div className="text-center mt-12">
           <a href="/calendar" className="inline-block">
-            <button className="px-8 py-3 bg-red-900 text-white font-bold rounded-full hover:bg-red-950 transition duration-300 shadow-md">
+            <button className="px-8 py-3 bg-rose text-white font-bold rounded-full hover:bg-rose-700 transition duration-300 shadow-md">
               Book a Class Now
             </button>
           </a>