diff --git a/web/components/buttons/general-button.tsx b/web/components/buttons/general-button.tsx
index 410f3c7e..c1d9137b 100644
--- a/web/components/buttons/general-button.tsx
+++ b/web/components/buttons/general-button.tsx
@@ -4,15 +4,22 @@ export const GeneralButton = (props: {
   url: string
   content: string
 }) => {
-  const {url, content} = props
-  return <div className="rounded-xl shadow p-6 flex flex-col items-center">
-    <Link
-      href={url}
-      className="px-6 py-2 rounded-full bg-gray-200 text-gray-800 font-semibold text-lg shadow hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 transition"
-      target={url.startsWith('http') ? '_blank' : undefined}
-      rel={url.startsWith('http') ? 'noopener noreferrer' : undefined}
-    >
-      {content}
-    </Link>
-  </div>;
+  const {url, content} = props;
+
+  return (
+    <div className="rounded-xl p-3 flex flex-col items-center group">
+      <Link
+        href={url}
+        className="w-full px-8 py-3 rounded-full border-2 border-gray-300 dark:border-gray-600 text-gray-800 dark:text-white font-medium text-lg 
+                  hover:translate-y-[-2px] transition-transform duration-200 ease-in-out
+                  bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800/50"
+        target={url.startsWith('http') ? '_blank' : undefined}
+        rel={url.startsWith('http') ? 'noopener noreferrer' : undefined}
+      >
+        <div className="flex items-center justify-center w-full h-full">
+          {content}
+        </div>
+      </Link>
+    </div>
+  );
 }
\ No newline at end of file