diff --git a/taskncoffee-app/src/components/Calendar.jsx b/taskncoffee-app/src/components/Calendar.jsx
index 2ec9382..c702079 100644
--- a/taskncoffee-app/src/components/Calendar.jsx
+++ b/taskncoffee-app/src/components/Calendar.jsx
@@ -114,7 +114,7 @@ export default function Calendar() {
                                         </div>
                                     ))
                                 }
-                                <Button variant="outline" onClick={() => {
+                                <Button variant="elevated" onClick={() => {
                                     console.log('Add task clicked');
                                 }}>
                                     +
diff --git a/taskncoffee-app/src/components/ui/button.jsx b/taskncoffee-app/src/components/ui/button.jsx
index aa6f4cb..8e42c57 100644
--- a/taskncoffee-app/src/components/ui/button.jsx
+++ b/taskncoffee-app/src/components/ui/button.jsx
@@ -19,6 +19,8 @@ const buttonVariants = cva(
         ghost:
           "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
+        elevated:
+          "bg-card p-3 rounded-lg shadow-sm text-sm transition-transform hover:-translate-y-0.5 hover:shadow-md",
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",