Merge pull request #647 from svenson95/style-button-hover

Style button hover

docs/src/components/SubscriptionForm.astro

@@ -85,6 +85,11 @@ const { data } = await getEntry('i18n', lang ?? 'en');
       text-decoration: none;
       font-size: var(--sl-text-sm);
       background: var(--sl-color-text-accent);
+
+      &:hover {
+        top: unset;
+        opacity: unset;
+      }
     }
   }
 

docs/src/content/docs/index.mdx

@@ -69,7 +69,10 @@ import SubscriptionForm from '../../components/SubscriptionForm.astro';
 ---
 
 <div class="article-footer">
-  <a href="https://github.com/sponsors/tomalaforge" alt="Sponsor link">
+  <a
+    class="action"
+    href="https://github.com/sponsors/tomalaforge"
+    alt="Sponsor link">
     <MyIcon name="fillHeart" size="1.2rem" color="white" />
     Sponsor the Project
   </a>

docs/src/styles/custom-css.css

@@ -73,6 +73,10 @@
   align-items: center;
   margin-top: 0;
   background-color: var(--sl-color-accent-high);
+
+  &.action {
+    color: var(--color-btn);
+  }
 }
 
 .article-footer > a > p {