Merge pull request #23 from T1LT/add-button-styling

feat: add hover/active effects to floating add button

Author: T1LT

components/floating-add-button.tsx

@@ -17,10 +17,10 @@ export default function FloatingAddButton() {
       <div className="max-w-5xl w-full px-4 lg:px-0 flex justify-end">
         <Link
           href="/add"
-          className="w-14 h-14 rounded-full backdrop-filter bg-background/40 backdrop-blur border flex items-center justify-center hover:bg-background/60 transition-all duration-200 shadow-lg hover:shadow-xl"
+          className="w-14 h-14 rounded-full backdrop-filter bg-background/40 backdrop-blur border flex items-center justify-center hover:bg-background/60 hover:scale-110 active:scale-95 transition-all duration-200 shadow-lg hover:shadow-xl cursor-pointer group"
           aria-label="Add new recipe"
         >
-          <Plus className="h-6 w-6" />
+          <Plus className="h-6 w-6 group-hover:rotate-90 transition-transform duration-200" />
         </Link>
       </div>
     </div>