fix: added changelog icon

Author: Kapil Gowru

fern/products/sdks/introduction.mdx

@@ -9,12 +9,12 @@ description: Generate idiomatic SDKs in multiple programming languages
       display: flex;
       padding: 0.25rem 0.5rem;
       align-items: center;
-      gap: 0.25rem;
       justify-content: center;
       border-radius: 0.5rem;
       transition: background-color 0.15s ease-in-out;
       position: relative;
       height: 2rem;
+      text-decoration: none !important;
 
       img {
         flex-shrink: 0;
@@ -34,6 +34,7 @@ description: Generate idiomatic SDKs in multiple programming languages
       }
 
       &:hover {
+        gap: 0.25rem;
         background-color: var(--grayscale-a3);
 
         div {
@@ -69,13 +70,13 @@ description: Generate idiomatic SDKs in multiple programming languages
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="arrow-right hidden dark:block m-0" noZoom />
           </div>
           <div class="flex items-center gap-2">
-            <div class="text-(color:--grayscale-a12) text-body text-base font-light">
+            <div class="text-(color:--grayscale-a10) text-body text-base font-light">
               v<Markdown src="/snippets/version-number-ts.mdx"/>
             </div>
             <a class="changelog-button text-(color:--grayscale-a12) text-body text-base font-light" href="/sdks/generators/typescript/changelog">
               <img src="./images/icons/changelog-icon.svg" alt="Changelog" className="m-0 dark:hidden" noZoom />
               <img src="./images/icons/changelog-icon-dark.svg" alt="Changelog" className="m-0 hidden dark:block" noZoom />
-              <div class="text-(color:--grayscale-a12) text-body text-base font-light">
+              <div class="text-(color:--grayscale-a10) text-body text-base font-light">
                 Changelog
               </div>
             </a>