| Interaction | Visual Feedback | |-------------|-----------------| | Hover (desktop) | Card elevation ↑ ( box-shadow: 0 6px 12px rgba(0,0,0,.15) ) and button background #1976d2 . | | Focus (keyboard) | Outline ( outline: 3px solid #ffb400 ) on the card; button receives :focus-visible style. | | Click / Tap | Immediate navigation to the external site in a ( target="_blank" ). | | Touch (mobile) | Ripple effect (optional via CSS/JS). | | Disabled (future) | Gray out with aria-disabled="true" and no navigation. |
Which would you like next?