Update index.html

Author: DevLabStudy

index.html

@@ -55,6 +55,7 @@
             font-size: 0.9rem;
             box-shadow: 0 2px 5px rgba(0,0,0,0.1);
             box-sizing: border-box;
+            border: none;
         }
 
         .btn:hover { 
@@ -63,12 +64,15 @@
             opacity: 0.9; 
         }
 
+        /* Sekcja kolorów przycisków */
         .btn-gh { background: #24292e !important; }
         .btn-reddit { background: #FF4500 !important; }
         .btn-yt { background: #FF0000 !important; }
         .btn-x { background: #000000 !important; }
+        .btn-tiktok { background: #010101 !important; }
         .btn-coffee { background: #FFDD00 !important; color: #000 !important; }
         .btn-patreon { background: #FF424D !important; }
+        .btn-orbit { background: #4b0082 !important; }
 
         .focus-box { 
             background: #f0f7ff; 
@@ -99,7 +103,6 @@
             padding-top: 30px; 
         }
 
-
         footer { text-align: center; color: #888; font-size: 0.8rem; margin-top: 50px; }
 
         @media (max-width: 500px) { .grid { grid-template-columns: 1fr; } }
@@ -116,30 +119,9 @@ <h1>DevLabStudy©</h1>
             <a href="https://www.youtube.com/channel/UCisFPSU_Y8hznpqrcewcJAg?app=desktop" class="btn btn-yt">YouTube Channel</a>
             <a href="https://x.com/DevLabStudy" class="btn btn-x">Follow on X</a>
             <a href="https://www.reddit.com/user/TobiMessi201/" class="btn btn-reddit">Reddit Profile</a>
-            <a href="https://www.tiktok.com/@devlabstudy" class="btn btn-TikTok">TikTok</a>
+            <a href="https://www.tiktok.com/@devlabstudy" class="btn btn-tiktok">TikTok</a>
             <a href="https://projekt-orbit.blogspot.com/2026/02/projektorbit-inicjalizacja-systemu.html" 
-   target="_blank" 
-   class="btn" 
-   style="
-    display: inline-flex; 
-    align-items: center; 
-    justify-content: center; 
-    background-color: #4b0082 !important; 
-    color: #ffffff !important; 
-    text-decoration: none !important; 
-    padding: 10px 20px; 
-    border-radius: 8px; 
-    font-weight: bold; 
-    font-family: sans-serif; 
-    font-size: 14px; 
-    transition: transform 0.2s;
-    border: none;
-   " 
-   onmouseover="this.style.transform='scale(1.05)'; this.style.backgroundColor='#310055';" 
-   onmouseout="this.style.transform='scale(1)'; this.style.backgroundColor='#4b0082';"
->
-   Blog Projektu Orbit™
-</a>
+               target="_blank" class="btn btn-orbit">Blog Projektu Orbit™</a>
         </div>
     </header>