About
Buttons communicate that an action will occur when the user touches them.
Styling
Cursor
By default, when the mouse hovers over a button, the mouse cursor should get a pointer to express that an action will occur.
Example on HTM::
- Css styling
button {
cursor: pointer;
}
- HTML
<button>button</button>
- Result: The mouse cursor changes when the mouse hovers the button
Sizing
nav a, button {
min-width: 48px;
min-height: 48px;
}