diff --git a/src/app.css b/src/app.css
index 42969b49..2a840d2e 100644
--- a/src/app.css
+++ b/src/app.css
@@ -80,12 +80,6 @@ footer a {
   @apply blur-sm hover:blur-none active:blur-none transition-all select-all;
 }
 
-/* extend */
-
-.urara-card-shadow {
-  @apply shadow-xl transition-shadow ease-in-out hover:shadow-2xl;
-}
-
 /* .prose pre */
 
 .prose pre {
diff --git a/src/lib/components/index_post.svelte b/src/lib/components/index_post.svelte
index 1e6a01c2..aa32a5ed 100644
--- a/src/lib/components/index_post.svelte
+++ b/src/lib/components/index_post.svelte
@@ -8,7 +8,7 @@
   itemscope
   itemtype="https://schema.org/BlogPosting"
   itemprop="blogPost"
-  class="card bg-base-100 urara-card-shadow rounded-none md:rounded-box md:card-side group mb-8">
+  class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow rounded-none md:rounded-box md:card-side group mb-8">
   {#if post.cover}
     <Cover
       figureClass="w-full overflow-hidden order-first md:order-last md:rounded-box shadow-lg"
diff --git a/src/lib/components/index_profile.svelte b/src/lib/components/index_profile.svelte
index 8b4fcaa0..83def8c4 100644
--- a/src/lib/components/index_profile.svelte
+++ b/src/lib/components/index_profile.svelte
@@ -8,7 +8,7 @@
   {#if site.author.avatar}
     <img class="hidden u-photo" src={site.author.avatar} alt={site.author.name} decoding="async" loading="lazy" />
     <div class="flex-0 avatar w-32 h-32 ml-auto my-auto justify-end">
-      <img class="rounded-full urara-card-shadow w-32 h-32" src={site.author.avatar} alt={site.author.name} />
+      <img class="rounded-full shadow-xl hover:shadow-2xl transition-shadow w-32 h-32" src={site.author.avatar} alt={site.author.name} />
       {#if site.author.status}
         <div class="absolute rounded-full w-10 h-10 bottom-0 right-0 bg-base-100 shadow-xl text-xl text-center py-1.5">
           {site.author.status}
diff --git a/src/lib/components/post_pagination.svelte b/src/lib/components/post_pagination.svelte
index 5131906b..d5c5de37 100644
--- a/src/lib/components/post_pagination.svelte
+++ b/src/lib/components/post_pagination.svelte
@@ -6,7 +6,7 @@
 </script>
 
 <nav
-  class="card bg-base-100 urara-card-shadow flex flex-col md:flex-row flex-warp justify-evenly rounded-none md:rounded-box mb-8">
+  class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow flex flex-col md:flex-row flex-warp justify-evenly rounded-none md:rounded-box mb-8">
   {#if next && (!next.priority || (next.priority[1] ?? next.priority) > 0)}
     <a href={next.path} class="flex-1 card-body group">
       <IconChevronLeft class="h-6 w-6 opacity-50 group-hover:opacity-100 mr-auto mb-2" />