feat(article-link): reimplement card hover using ::before method

The previous method was not intuitive since there was nothing in the <a> tag,
and required group-xxx classes for every element.

The new pseudo element method fixes those problems, see:

https://kittygiraudel.com/2022/04/02/accessible-cards/

assets/css/compiled/main.css

@@ -2543,13 +2543,6 @@ body.zen-mode-enable {
       }
     }
   }
-  .group-hover\:underline-offset-2 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        text-underline-offset: 2px;
-      }
-    }
-  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2640,6 +2633,18 @@ body.zen-mode-enable {
       border-top-color: transparent;
     }
   }
+  .before\:absolute {
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .before\:inset-0 {
+    &::before {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * 0);
+    }
+  }
   .after\:clear-both {
     &::after {
       content: var(--tw-content);
@@ -3850,9 +3855,6 @@ pre {
   text-decoration-thickness: 3px;
   text-underline-offset: 4px;
 }
-.group-hover-card:hover:has(.group-hover-cancel:hover) .group-hover-card-title {
-  text-decoration: none !important;
-}
 @layer base {
   [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
     appearance: none;