share buuton created

src/pages/NewsArticle.tsx

@@ -4,6 +4,9 @@ import { LazyLoadImage } from 'react-lazy-load-image-component';
 import Aside from '../components/aside/Aside';
 // Images
 import placeholder from '../assets/images/placeholder3.png';
+// Icons
+import share from '../assets/icons/share.svg';
+import { ReactComponent as Share } from '../assets/icons/share.svg';
 
 const NewsArticle = () => {
   return (
@@ -54,6 +57,9 @@ const NewsArticle = () => {
               dolor sit amet consectetur. Vestibulum eget elementum urna tincidunt diam commodo
               mauris ac sodales.
             </p>
+            <button className="share-btn">
+              <Share /> <span>Поделиться</span>
+            </button>
           </div>
           <Aside />
         </div>

src/styles/_news-article.scss

@@ -60,3 +60,16 @@
   font-size: 1.8rem;
   font-weight: 400;
 }
+
+.share-btn {
+  background: $main;
+  color: $white;
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  padding: 1rem;
+  @include raleway;
+  font-size: 1.6rem;
+  gap: 1rem;
+  cursor: pointer;
+}