From fe705ee6f82413780faa3281015370f55d4d8cd9 Mon Sep 17 00:00:00 2001
From: matt <matt@creative-crafter.de>
Date: Sat, 1 Feb 2025 17:10:03 +0100
Subject: [PATCH] vers 6

---
 programmieren/spiele/Flappy-Witch/index.html | 23 +++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/programmieren/spiele/Flappy-Witch/index.html b/programmieren/spiele/Flappy-Witch/index.html
index 498cfcf..069585d 100644
--- a/programmieren/spiele/Flappy-Witch/index.html
+++ b/programmieren/spiele/Flappy-Witch/index.html
@@ -222,17 +222,30 @@
     <div align='center'>
         <!-- Spielen-Button -->
         <style>
+            /* Stil für den Button mit eindeutiger Klasse */
             .unique-button {
                 transform: scale(1);
+                background: linear-gradient(to bottom, #0000FF, #0000CD); /* Blauverlauf */
+                border-radius: 12px;
+                padding: 4px;
+                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
+                transition: all 200ms;
             }
             
+            .unique-button:hover {
+                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
+            }
+            
+            .unique-button:active {
+                box-shadow: 0 0px 1px rgba(0, 0, 0, 0.8);
+                transform: scale(0.995);
+            }
+            
+            /* Stil für den inneren Button-Text */
             .unique-button .button-inner {
-                background: linear-gradient(to bottom, #0000FF, #0000CD); /* Blauverlauf */
+                background: linear-gradient(to bottom, #606060, #505050); /* Original Hintergrund des inneren Bereichs */
                 border-radius: 8px;
                 padding: 10px 20px;
-                display: flex;
-                justify-content: center;
-                align-items: center;
             }
             
             .unique-button .button-text {
@@ -244,7 +257,7 @@
             
             <div class="flex justify-center items-center gap-12 h-full">
               <div class="bg-gradient-to-b from-gray-800/40 to-transparent p-[4px] rounded-[16px]">
-                <button class="group p-[4px] rounded-[12px] shadow-[0_2px_4px_rgba(0,0,0,0.7)] hover:shadow-[0_4px_8px_rgba(0,0,0,0.6)] active:shadow-[0_0px_1px_rgba(0,0,0,0.8)] active:scale-[0.995] transition-all duration-200 unique-button" onclick="window.location.href='/programmieren/spiele/Flappy-Witch/FlappyWitch.html'">
+                <button class="unique-button" onclick="window.location.href='/programmieren/spiele/Flappy-Witch/FlappyWitch.html'">
                   <div class="button-inner">
                     <span class="button-text">Get Started</span>
                   </div>