Dandy up the AI button

Author: dwdougherty

layouts/partials/search-modal.html

@@ -23,12 +23,12 @@
           <path d="M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" />
         </svg>
       </button>
-      <button id="ai-copilot-toggle" type="button" style="height: calc(3rem - 2px);" class="px-3 border border-redis-pen-800 rounded-md bg-white hover:bg-redis-yellow-100 transition-colors flex items-center gap-2" title="Switch to AI chat">
-        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+      <button id="ai-copilot-toggle" type="button" style="height: calc(3rem - 2px);" class="group px-3 border border-redis-pen-800 rounded-md bg-white flex items-center gap-2" title="Switch to AI chat">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
           <!-- Larger plus in top left -->
-          <path d="M3 2h2v2h2v2h-2v2h-2v-2h-2v-2h2v-2z"/>
+          <path class="transform origin-center transition-transform duration-300 group-hover:scale-50" d="M3 2h2v2h2v2h-2v2h-2v-2h-2v-2h2v-2z" fill="#FF4438"/>
           <!-- Smaller plus in bottom right -->
-          <path d="M11 9h1v1h1v1h-1v1h-1v-1h-1v-1h1v-1z"/>
+          <path class="transform origin-center transition-transform duration-300 group-hover:scale-150" d="M11 9h1v1h1v1h-1v1h-1v-1h-1v-1h1v-1z" fill="#FF4438"/>
         </svg>
         <span class="text-sm">AI</span>
       </button>