From 2bba31dfada46c1adb59e06400fc78c7bbf2517a Mon Sep 17 00:00:00 2001
From: Face <69168154+face-hh@users.noreply.github.com>
Date: Fri, 23 May 2025 16:34:26 +0300
Subject: [PATCH] fix: enhance card hover effect with background change

---
 website/src/routes/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/routes/+page.svelte b/website/src/routes/+page.svelte
index 0fbc77e..33c3440 100644
--- a/website/src/routes/+page.svelte
+++ b/website/src/routes/+page.svelte
@@ -91,7 +91,7 @@
 		<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
 			{#each coins.slice(0, 6) as coin}
 				<a href={`/coin/${coin.symbol}`} class="block">
-					<Card.Root class="h-full transition-shadow hover:shadow-md">
+					<Card.Root class="hover:bg-card/50 h-full transition-shadow hover:shadow-md transition-all">
 						<Card.Header>
 							<Card.Title class="flex items-center justify-between">
 								<div class="flex items-center gap-2">