diff --git a/src/styles/markdown.css b/src/styles/markdown.css
index df98ebf..1046ccd 100644
--- a/src/styles/markdown.css
+++ b/src/styles/markdown.css
@@ -41,16 +41,17 @@
     }
 
     a:not(.no-styling) {
-        @apply relative bg-none transition rounded-md p-1 -m-1 font-medium text-[var(--primary)] before:ease-out before:transition active:bg-none hover:before:bg-[var(--btn-plain-bg-hover)] active:before:bg-[var(--btn-plain-bg-active)] z-0 before:absolute before:rounded-[inherit] before:inset-0 before:scale-[0.85] hover:before:scale-100 before:-z-10 underline decoration-[var(--link-underline)] decoration-1 decoration-dashed underline-offset-4;
+        @apply relative bg-none transition p-1 -m-1 font-medium text-[var(--primary)] z-0;
         box-decoration-break: clone;
         -webkit-box-decoration-break: clone;
+        
+        &::after {
+            content: "";
+            @apply absolute bottom-0 left-0 w-full h-[2px] bg-[var(--primary)] transition-opacity duration-300 ease-in-out opacity-0;
+        }
 
-        &:hover,
-        &:active {
-            @apply decoration-transparent;
-            background: var(--btn-plain-bg-hover);
-            border-bottom: 1px dashed var(--link-hover);
-            text-decoration: none;
+        &:hover::after {
+            @apply opacity-100;
         }
     }