Call-now button with a clickable number

The card puts forward a large Call now button showing the number: on a computer the tel: link opens the installed calling software (FaceTime, Teams, Windows Phone Link), and a Copy number button lets visitors move it to their mobile. From the response hours, a badge shows whether the tradesperson is picking up right now ("Available, answers until 7 pm") or when they are back ("Unavailable, back Monday at 7:30"), refreshed every minute. Hours and the voicemail note sit in their own column on large screens and move below the button under 768 px; everything fits at 360 px. Colours, radius and shadow use CSS variables prefixed --apm-, ready to match the site's brand.

Accessibility: a section named by its heading, native link and button reachable by keyboard with a 3 px focus outline, 48 to 64 px tall targets, the copy result announced through a role="status" region (if the browser refuses, the number is selected for manual copying), AA contrast measured in light and dark, availability conveyed by text and not by colour alone, and the badge ripple and transitions turned off with prefers-reduced-motion. Without JavaScript the call link and hours still work; only the badge and the copy button are hidden.