Fix Recalculate Score button click area clipped by overflow:hidden

.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>
This commit is contained in:
Vadym Samoilenko 2026-03-13 14:42:16 +00:00
parent 148853c699
commit 350f5de56e

View file

@ -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;