[fix] MOA-1230 카드 탭 150ms 지연을 없애고 버튼 hover pulse가 터치 누름 피드백을 덮지 않게 한다 #2258

🗓️ 마감일

2026-10-30

🙋 담당자(Assignee)

seongwon030

🎟️ 상위 스토리 (Story Key)

MOA-1106

🌳 브랜치명 (Branch)

fix/tap-response-delay

🧭 분기할 브랜치 선택

develop-fe

📝 상세 내용(Description)

탭했을 때 반응이 늦거나 누름 피드백이 가려지는 곳 두 군데를 고친다.

• ClubCard: 탭하면 scale(1.05)로 키운 뒤 setTimeout 150ms가 지나야 상세로 이동한다. 메인·구독 목록에서 가장 자주 누르는 요소라 매번 150ms 늦게 반응하고, 누르는 동안의 :active(0.98 축소)와 반대 방향으로 커진다. 지연과 확대 상태를 지우고 바로 이동한다
• 공통 Button: animated 버튼의 hover pulse가 (hover: hover) 게이트 없이 걸려 있어 터치로 탭할 때마다 0.4초 pulse가 돌고, 그동안 :active의 scale(0.95)가 덮인다. hover 블록을 @media (hover: hover)로 감싼다

✅ 체크리스트(Tasks)

• ClubCard의 150ms 지연과 $isClicked 확대를 지우고 클릭 즉시 이동한다(트래킹 이벤트는 그대로)
• Button의 hover 블록을 @media (hover: hover)로 감싼다
• 클릭부터 URL 변경까지 시간과 터치 환경의 :hover 적용 여부를 전후 대조한다