Add rss link icon in hero section

src/pages/index.astro

@@ -17,7 +17,17 @@ const sortedPosts = getSortedPosts(posts);
   <Header />
   <main id="main-content">
     <section id="hero">
-      <h1>Mingalaba<span>.</span></h1>
+      <h1>Mingalaba</h1>
+      <a target="_blank" href="/rss.xml" class="rss-link">
+        <svg xmlns="http://www.w3.org/2000/svg" class="rss-icon"
+          ><path
+            d="M19 20.001C19 11.729 12.271 5 4 5v2c7.168 0 13 5.832 13 13.001h2z"
+          ></path><path
+            d="M12 20.001h2C14 14.486 9.514 10 4 10v2c4.411 0 8 3.589 8 8.001z"
+          ></path><circle cx="6" cy="18" r="2"></circle>
+        </svg>
+      </a>
+
       <p>
         Astro-Paper is a minimal, responsive and SEO-friendly Astro blog theme.
         This theme is aimed to be responsive, SEO-friendly and accessible out of
@@ -134,10 +144,13 @@ const sortedPosts = getSortedPosts(posts);
     @apply pt-12;
   }
   #hero h1 {
-    @apply font-bold my-4 sm:my-8 text-3xl sm:text-5xl;
+    @apply inline-block font-bold my-4 sm:my-8 text-3xl sm:text-5xl;
   }
-  h1 span {
-    @apply text-skin-accent;
+  #hero .rss-link {
+    @apply mb-6;
+  }
+  #hero .rss-icon {
+    @apply h-6 w-6 scale-110 sm:scale-125 mb-2 sm:mb-3 fill-skin-accent;
   }
   #hero p {
     @apply my-2;