Build and Style Buttons

Step 1: Set Label and Link
Select the Button element and begin in Content. Write a specific action label, enter the correct destination, and choose new-tab behavior only when it helps the visitor.

Step 2: Style the Normal State
In Design, set typography, text and background colors, border, radius, and padding. Keep the button easy to recognize and large enough to tap.

Step 3: Check Interaction States
Switch between normal and hover settings. Use a visible state change while preserving readable contrast. Keyboard focus must remain obvious instead of disappearing into the page.

Step 4: Tune Each Device
Use device-specific controls for mobile padding, alignment, or width. Confirm the label stays inside the button and the button does not push the page sideways.
