diff --git a/src/app.css b/src/app.css
index 1e0a3a6..b17f5e5 100644
--- a/src/app.css
+++ b/src/app.css
@@ -84,5 +84,9 @@
 			box-shadow: hsl(var(--primary)) 2px 1px 0px;
 			translate: 2px 1px;
 		}
+		&.pressed {
+			box-shadow: hsl(var(--primary)) 2px 1px 0px;
+			translate: 2px 1px;
+		}
 	}
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 74e01d4..2e75611 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -21,7 +21,10 @@
 <main class="grid w-full max-w-4xl justify-items-center gap-y-8 lg:grid-cols-2">
 	{#each Object.entries(games) as [href, { image, name }]}
 		<a
-			class="shadow-sharp flex aspect-[4/1] w-full max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all"
+			class="shadow-sharp flex aspect-[4/1] w-full max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all {href ===
+			''
+				? 'pressed pointer-events-none'
+				: ''}"
 			style="background-image: url('{image}')"
 			draggable="false"
 			{href}