What is the purpose of a Button? (Widget, UI)

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;
}