diff --git a/src/components/AnchorButton.astro b/src/components/AnchorButton.astro
index 5960cd9..0cca421 100644
--- a/src/components/AnchorButton.astro
+++ b/src/components/AnchorButton.astro
@@ -2,6 +2,7 @@
 interface Props {
 	class?: string;
 	href?: string;
+	target?: string;
 }
 
 const { class: className, ...rest } = Astro.props;
@@ -22,5 +23,14 @@ const { class: className, ...rest } = Astro.props;
 		font-weight: 700;
 		padding: 1rem 2rem;
 		text-decoration: none;
+		transition:
+			var(--transitionFast) transform,
+			var(--transitionFast) box-shadow;
+	}
+
+	.anchor-button:focus,
+	.anchor-button:hover {
+		transform: translateY(-3px);
+		box-shadow: 0 6px 14px var(--colorTextShadow);
 	}
 </style>
diff --git a/src/components/PrimaryHero.astro b/src/components/PrimaryHero.astro
index 780c757..ec4f542 100644
--- a/src/components/PrimaryHero.astro
+++ b/src/components/PrimaryHero.astro
@@ -6,5 +6,11 @@ import HeroName from "./HeroName.astro";
 
 <Hero>
 	<HeroName align="center" color="inverted" level="h1" />
-	<AnchorButton>$350 Early Bird Tickets</AnchorButton>
+	<AnchorButton
+		href="https://buytickets.at/squiggleconf/1249793/r/website"
+		target="_blank"
+		rel="noreferrer"
+	>
+		$350 Early Bird Tickets
+	</AnchorButton>
 </Hero>