From 87e11655f60bd8fe2f1e9181353e5bfcbee40d6f Mon Sep 17 00:00:00 2001
From: emil <emil28092005@gmail.com>
Date: Wed, 13 May 2026 00:35:50 +0300
Subject: [PATCH] fix(magic8ball): shift answer text down with mt-3 instead of
 pt-2

- Replace padding-top with margin-top so text actually shifts down
  inside the flex-centered triangle viewport
---
 src/components/generators/Magic8BallGenerator.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/generators/Magic8BallGenerator.astro b/src/components/generators/Magic8BallGenerator.astro
index 8cfb752..5a64b97 100644
--- a/src/components/generators/Magic8BallGenerator.astro
+++ b/src/components/generators/Magic8BallGenerator.astro
@@ -77,7 +77,7 @@ const copiedLabel = isRu ? "Скопировано" : "Copied";
               <!-- Answer Text -->
               <span
                 id="m8b-answer"
-                class="relative z-10 text-center text-[9px] sm:text-[11px] font-bold text-white leading-[1.15] px-3 sm:px-4 pt-2 max-w-[8rem] sm:max-w-[9rem] transition-opacity duration-200"
+                class="relative z-10 text-center text-[9px] sm:text-[11px] font-bold text-white leading-[1.15] px-3 sm:px-4 mt-3 max-w-[8rem] sm:max-w-[9rem] transition-opacity duration-200"
                 style="text-shadow: 0 1px 2px rgba(0,0,0,0.5); opacity: 1;"
               >
                 {clickToAsk}