Add sublinks for web links

source/src/components/search/WebLink.astro

@@ -3,7 +3,7 @@
 const {
     Title,
     Description,
-    Link
+    Link,
 } = Astro.props
 ---
 
@@ -13,9 +13,12 @@ const {
         <p><u>{Link}</u></p>
     </a>
     <p>{Description}</p>
+    <div class="search-result-web-sublinks">
+        <slot name="sublinks"/>
+    </div>
 </div>
 
-<style lang="scss">
+<style lang="scss" is:global>
 .search-result-web {
     display: flex;
     flex-direction: column;
@@ -25,6 +28,11 @@ const {
     border-radius: 6px;
     padding: 6px 12px;
     box-shadow: 0px 4px 10px 0px #0000000a;
+    transition: 0.3s box-shadow;
+    &:hover {
+        box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.04);
+        transition: 0.3s box-shadow;
+    }
     * {
         margin: 0px;
     }
@@ -43,5 +51,14 @@ const {
             color: rgb(82, 82, 82);
         }
     }
+    .search-result-web-sublinks {
+        display: grid;
+        gap: 6px 12px;
+        grid-template-columns: auto auto;
+        a {
+            font-size: 18px;
+            color: black;
+        }
+    }
 }
 </style>