From 350f5de56ef6a7032832a89f056844ea8de152f6 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Fri, 13 Mar 2026 14:42:16 +0000
Subject: [PATCH] Fix Recalculate Score button click area clipped by
 overflow:hidden
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.score-display had overflow:hidden which cut off the right half of the
btn-recheck button. Changed to overflow:visible — decorative ::before
and ::after pseudo-elements use position:absolute;inset:0 so they remain
visually contained within the border-radius.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 css/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/styles.css b/css/styles.css
index b57eb2b..4af3118 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -573,7 +573,7 @@ h1::before {
     color: #ffffff;
     margin-bottom: 24px;
     position: relative;
-    overflow: hidden;
+    overflow: visible;
     animation: scoreReveal 0.6s var(--ease-out) backwards;
     animation-delay: 0.2s;
     border: none;