diff --git a/css/rt-ai-html.css b/css/rt-ai-html.css
index ed99d31..4f6970f 100644
--- a/css/rt-ai-html.css
+++ b/css/rt-ai-html.css
@@ -74,13 +74,15 @@
     border: none;
     border-radius: var(--border-radius);
     background-color: var(--secondary-color);
+    background: linear-gradient(to right, var(--primary-color) 0%, var(--secondary-color) 100%);
+    background-size: 200% auto;
     color: white;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
-    transition: all var(--transition-speed);
+    transition: background-position var(--transition-speed);
     font-weight: 500;
     text-align: center;
     -webkit-tap-highlight-color: transparent;
@@ -110,6 +112,7 @@
 .btn:hover {
     transform: translateY(-5px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    background-position: right center;
 }
 
 .btn svg {