🎨 styles: page product detail

:%s

pages/product/[slug].tsx

@@ -10,7 +10,7 @@ export default function Slug() {
     <RecommendedRecipes data={RECIPE_DATA_TEST} />
     <ReleventProducts />
     <ViewedProducts />
-    <RelevantBlogPosts data={BLOGS_DATA_TEST} title="You will like also"/>
+    <RelevantBlogPosts data={BLOGS_DATA_TEST} title="relevent blog posts"/>
   </>
 }
 

src/components/common/ButtonCommon/ButtonCommon.module.scss

@@ -106,7 +106,7 @@
 
   &.large {
     .inner {
-      padding: 1rem 1.5rem;
+      padding: 1rem 1.6rem;
       &.onlyIcon {
         padding: 1rem;
       }
@@ -139,8 +139,11 @@
 
   .icon {
     margin: 0 1.6rem 0 0;
-    svg path {
-      fill: currentColor;
+    svg {
+      height: 2rem;
+      path {
+        fill: currentColor;
+      }
     }
   }
 }

src/components/common/ListProductWithInfo/ListProductWithInfo.module.scss

@@ -7,6 +7,9 @@
     padding-bottom: 6rem;
     &.borderBottom {
         border-bottom: 1rem solid var(--gray);
+        @screen lg {
+            border-bottom: none;
+        }
     }
     @screen lg {
         @apply flex spacing-horizontal-left;

src/components/common/RecipeDetail/components/RecipeDetailInfo/RecipeDetailInfo.module.scss

@@ -7,7 +7,7 @@
         @apply flex;
         margin: 5.6rem auto;
     }
-    
+
     .img {
         width: 100%;
         margin-top: 0;
@@ -61,6 +61,9 @@
                     list-style: disc;
                     margin-left: 2rem;
                 }
+                a {
+                    color: var(--info);
+                }
             }
         }
     }

src/components/modules/product-detail/ProductInfoDetail/components/ProductInfo/ProductInfo.module.scss

@@ -64,8 +64,11 @@
                     margin-left: 0.8rem;
                 }
             }
-            svg path {
-                fill: currentColor;
+            svg {
+                height: 2rem;
+                path {
+                    fill: currentColor;
+                }
             }
         }
         button {