diff --git a/src/components/Featured.astro b/src/components/Featured.astro
index 73f0f6a..bcedf51 100644
--- a/src/components/Featured.astro
+++ b/src/components/Featured.astro
@@ -71,6 +71,15 @@ import { featured, AWESOME_LBRY } from '../config';
         font-weight: bold;
     }
 
+    .projects .project .text .description {
+        font-size: 1rem;
+    }
+
+    .projects .project .text .title::after {
+        width: 0%;
+        transition: 0.3s;
+    }
+
     .projects .project:hover {
         transform: scale(1.1);
     }
@@ -78,4 +87,24 @@ import { featured, AWESOME_LBRY } from '../config';
     .projects .project:hover .text {
         transform: translateY(-100%);
     }
+
+    .projects .project:hover .text .title::after {
+        content: "";
+        display: block;
+        height: 0.5rem;
+        vertical-align: bottom;
+        border-top: 1px solid var(--accent);
+        animation: forwards ease-in-out 0.3s slide ;
+    }
+
+    @keyframes slide {
+        0% {
+            width:0px;
+        }
+
+        100% {
+            width:calc( 100% - 1px );
+        }
+    }
+
 </style>
\ No newline at end of file
diff --git a/src/styles/global.scss b/src/styles/global.scss
index e5dc1a8..a6c430b 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -90,26 +90,36 @@ a {
 }
 
 .button-primary {
+    display: flex;
     user-select: none;
     font-weight: bold;
     width: fit-content;
     height: fit-content;
     transition: 0.3s;
-    margin: 10px 0;
+    // margin: 10px 0;
+    padding: 2px;
+    border-radius: 0.5em;
+    overflow: hidden;
 }
 
 .button-primary a {
     font-size: 1.25rem;
-    border-radius: 0.5em;
     padding: 10px 20px;
+    border-radius: 0.5em;
     background-color: var(--tertiary-background);
     color: var(--body-text);
+    transition: 0.1s;
 }
 
 .button-primary:hover {
     transform: scale(1.1);
 }
 
+.button-primary:hover a {
+    // border-radius: 0px;
+    // outline: 1px solid var(--accent);
+}
+
 // API Docs Examples
 body:not(.curl, .lbrynet, .python, .cli) .commands .example:first-of-type {
     display: block;
@@ -117,4 +127,23 @@ body:not(.curl, .lbrynet, .python, .cli) .commands .example:first-of-type {
 
 body.curl .example.curl, body.lbrynet .example.lbrynet, body.python .example.python, body.cli .example.cli {
     display: block;
-}
\ No newline at end of file
+}
+
+.button-primary {
+    --c: var(--accent); /* the border color */
+    --b: 10px;    /* the border thickness*/
+    --g: 5px;     /* the gap on hover */
+
+    --_g: #0000 25%,var(--c) 0;
+    background: 
+      conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
+       var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
+      conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
+       0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
+    transition: .3s, background-position .3s;
+    cursor: pointer;
+  }
+  .button-primary:hover {
+    --_i: 100%;
+    transition: .3s, background-size .3s;
+  }
\ No newline at end of file
diff --git a/src/styles/markdown.css b/src/styles/markdown.css
index 90a0657..91f3453 100644
--- a/src/styles/markdown.css
+++ b/src/styles/markdown.css
@@ -125,7 +125,7 @@ h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
     font-weight: var(--base-text-weight-semibold, 600);
     padding-bottom: .3em;
     font-size: 2em;
-    border-bottom: 1px solid var(--color-border-muted);
+    border-bottom: 1px solid var(--accent);
   }
   
   .markdown-body mark {
@@ -333,7 +333,7 @@ h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
     font-weight: var(--base-text-weight-semibold, 600);
     padding-bottom: .3em;
     font-size: 1.5em;
-    border-bottom: 1px solid var(--color-border-muted);
+    border-bottom: 1px solid var(--accent);
   }
   
   .markdown-body h3 {