WEBVTT

1
00:00:00.350 --> 00:00:03.315
Select the Button element and begin in Content.

2
00:00:03.315 --> 00:00:10.355
Write a specific action label, enter the correct destination, and choose new-tab behavior only when it helps the visitor.

3
00:00:11.455 --> 00:00:16.052
In Design, set typography, text and background colors, border, radius, and padding.

4
00:00:16.052 --> 00:00:20.266
Keep the button easy to recognize and large enough to tap.

5
00:00:21.366 --> 00:00:23.862
Switch between normal and hover settings.

6
00:00:23.862 --> 00:00:27.606
Use a visible state change while preserving readable contrast.

7
00:00:27.606 --> 00:00:32.182
Keyboard focus must remain obvious instead of disappearing into the page.

8
00:00:33.282 --> 00:00:36.761
Use device-specific controls for mobile padding, alignment, or width.

9
00:00:36.761 --> 00:00:42.946
Confirm the label stays inside the button and the button does not push the page sideways.