diff --git a/src/layouts/Redirect.astro b/src/layouts/Redirect.astro
new file mode 100644
index 0000000..5f42903
--- /dev/null
+++ b/src/layouts/Redirect.astro
@@ -0,0 +1,16 @@
+---
+import {astroI18n} from "astro-i18n";
+const { url } = Astro.props;
+---
+
+<html lang={astroI18n.locale}>
+    <head data-redirect={url}>
+        <meta http-equiv="refresh" content={`0; URL=${url}`}/>
+        <script>
+            window.location.href = document.head.dataset["redirect"];
+        </script>
+    </head>
+    <body>
+        <p>Redirecting to <a href={url}>{url}</a></p>
+    </body>
+</html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 75bf770..d8452e5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -45,8 +45,8 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
             style="height: calc(100vh + 1rem)" draggable="false" loading="eager"/>
         <drop-in class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center">
             <h1 class="text-4xl sm:text-6xl md:text-8xl font-extrabold text-white -translate-y-16 opacity-0 barlow tracking-wider"
-                style="transition: transform .7s ease-out, opacity .7s linear; text-shadow: 2px 2px 5px black;">
-                <span class="text-yellow-400">{t("home.title.first")}</span><span
+                style="transition: transform .7s ease-out, opacity .7s linear; filter: drop-shadow(2px 2px 5px black);">
+                <span class="bg-gradient-to-tr from-yellow-400 to-yellow-300 bg-clip-text text-transparent">{t("home.title.first")}</span><span
                     class="text-neutral-600">{t("home.title.second")}</span>
             </h1>
             <text-carousel class="h-20 w-full relative select-none">
@@ -56,10 +56,28 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
                 </h2>
                 <h2>{t("home.subtitle.3")}</h2>
             </text-carousel>
-            <a href={l("join")} class="btn mt-32 px-8 flex opacity-0 -translate-y-16"
-                style="transition: transform .3s ease-out, opacity .3s linear">{t("home.join")}
+            <a href={l("join")} class="btn btn-ghost mt-32 px-8 flex"
+                style="animation: normal flyIn forwards 1.2s ease-out">{t("home.join")}
                 <CaretRight width="24" heigth="24"/>
             </a>
+            <style>
+                @keyframes flyIn {
+                    0% {
+                        translate: 0 16px;
+                        opacity: 0;
+                    }
+
+                    20% {
+                        translate: 0 16px;
+                        opacity: 0;
+                    }
+
+                    100% {
+                        translate: 0;
+                        opacity: 1;
+                    }
+                }
+            </style>
             <script>
                 class TextCarousel extends HTMLElement {
                     current = 0;
@@ -132,7 +150,7 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
                 <p class="mt-4">{t("home.benefits.events.description.2")}</p>
             </Card>
         </div>
-        <a class="btn px-8 flex" href={l("/about")}>{t("home.benefits.read")}
+        <a class="btn btn-ghost px-8 my-4 flex" href={l("/about")}>{t("home.benefits.read")}
             <CaretRight width="24" heigth="24"/>
         </a>
     </section>
@@ -146,7 +164,7 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
                             <figure class="flex flex-col items-center">
                                 <figcaption class="text-center mb-4 text-2xl">{v.name}</figcaption>
                                 <Image src={`${import.meta.env.PUBLIC_API_SERVER}/data/skin/${v.uuid}`}
-                                    class="transition duration-300 ease-in-out hover:scale-110 hover:drop-shadow-2xl"
+                                    class="transition duration-300 ease-in-out hover:scale-110 hover:backdrop-blur-lg hover:drop-shadow-2xl"
                                     alt={v.name + "s bust"} width="150" height="150"/>
                             </figure>
                         </Card>
diff --git a/src/styles/button.css b/src/styles/button.css
index 49f1f75..ff08a29 100644
--- a/src/styles/button.css
+++ b/src/styles/button.css
@@ -49,6 +49,12 @@
     }
 }
 
+.btn-ghost {
+    @apply px-6 text-xl;
+    @apply bg-transparent border-2 border-yellow-400 shadow-2xl shadow-yellow-400 backdrop-blur text-neutral-800 font-bold bg-gradient-to-br from-yellow-400 to-yellow-200 rounded-xl;
+    @apply hover:border-yellow-300 hover:shadow-yellow-800 hover:scale-110;
+}
+
 .btn-gray {
     @apply bg-gray-800 text-white;
 }
