diff --git a/src/components/button.jsx b/src/components/button.jsx
index 32f620c..f019658 100644
--- a/src/components/button.jsx
+++ b/src/components/button.jsx
@@ -4,7 +4,7 @@ function Button(props) {
   return (
     <Link to={props.href} className={props.className}>
       <div
-        className={`transition-transform w-48 ease-[cubic-bezier(.69,.58,.32,1.69)] delay-60 hover:scale-105  p-2 pl-6 text-lg bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800 rounded-2xl ${props.className}`}
+        className={`transition-transform w-48 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105  p-2 pl-6 text-lg bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800 rounded-2xl ${props.className}`}
       >
         {props.children}
       </div>
@@ -16,7 +16,7 @@ function ButtonWithAction(props) {
   return (
     <div
       onClick={props.onClick}
-      className={`transition-transform w-48 ease-[cubic-bezier(.69,.58,.32,1.69)] delay-60 hover:scale-105  p-2 pl-6 text-lg bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800 rounded-2xl ${props.className}`}
+      className={`transition-transform w-48 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105  p-2 pl-6 text-lg bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800 rounded-2xl ${props.className}`}
     >
       {props.children}
     </div>
diff --git a/src/index.css b/src/index.css
index 18e334a..9145ed6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -61,4 +61,7 @@
     @apply inline-block bg-transparent text-blue-600;
   }
 
+  .md img {
+    @apply transition-transform w-96 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105 rounded-2xl;
+  }
 }
\ No newline at end of file