Style: Add styling to linked inline code blocks

Note: leaving the transition commented out here because it causes a noticeable FOUC. Will need to find another solution.

Author: danielledeleo

assets/css/v2/style.css

@@ -1508,12 +1508,29 @@ code {
 /* Inline Code */
 code:not(pre code) {
   border: solid 1px #ccc;
-  border-radius: 4px;
+  border-radius: 0.25rem;
   padding: 0 0.25rem;
   background-color: #f9f9f9;
   font-size: 0.875rem;
 }
 
+/* Inline Code (link) */
+a code:not(pre code) {
+  border: solid 1px oklch(var(--color-brand) / 0.3);
+  border-bottom: solid 2px oklch(var(--color-brand) / 0.3);
+
+  /* transition: border 0.15s ease-in-out; */
+}
+
+a code:not(pre code):hover {
+  border: solid 1px oklch(var(--color-brand) / 0.8);
+  border-bottom: solid 2px oklch(var(--color-brand) / 0.8);
+}
+
+a:has(code:not(pre code)) {
+  text-decoration: none;
+}
+
 .highlight {
   padding: 0 1rem 0 1rem;
   position: relative;