Card Button Area

Primary clickable region inside a card — wraps hero and body as one activation target.

Use for navigable or expandable cards. Keep footer actions outside this region so supplemental buttons do not share the primary click handler.

Default click handler

Button region wraps body copy and fires a click handler.

Media and content

Interactive card with image hero and body inside the button region.

Hover and focus states

Button region shows hover and focus-visible treatment on keyboard navigation.