Přidáno tlačítko sdílet

assets/header.php

@@ -61,9 +61,10 @@
 							>Odkazy</a
 						>
 					</li>
+					<li>			<button id="shareButton">Sdílet</button>
+					</li>
 				</ul>
 			</nav>
-
 			<div class="menu-icon">
 				<!-- Ikona hamburger -->
 				<i class="fa-solid fa-bars"></i>
@@ -73,3 +74,25 @@
 <!-- Unami -->
 <script defer src="https://analytics.oscloud.cz/script.js" data-website-id="2ccb6c76-451a-44e2-bae5-7b8b3cab0fd4"></script>
 </header>
+<style>
+        /* Styl pro tlačítko */
+        #shareButton {
+            background-color: #c5a3e8; /* Zelená barva pozadí */
+            color: #734f96; /*  barva textu */
+            border: none; /* Bez okrajů */
+            padding: 15px 32px; /* Vnitřní odsazení */
+            text-align: center; /* Vycentrování textu */
+            text-decoration: none; /* Bez podtržení */
+            display: inline-block; /* Inline-block zobrazení */
+            /* font-size: 16px; /* Velikost písma */ */
+            margin: 4px 2px; /* Vnější odsazení */
+            cursor: pointer; /* Kurzor ukazuje, že je to tlačítko */
+            border-radius: 12px; /* Zaoblené rohy */
+            transition: background-color 0.3s ease; /* Plynulá změna barvy pozadí */
+        }
+
+        /* Styl pro tlačítko při najetí myší */
+        #shareButton:hover {
+            background-color: #45a049; /* Tmavší odstín zelené při najetí myší */
+        }
+    </style>