Buttons - Utility
Default buttons
The default utility button is 48px high. Where a different size is required, refer to the resizing section below.
Background: #FFFFFF | Border: #DFE0E6 | Text size: 16px | Text colour: #3C3E49 | Corner radius: 3px
Utility button:
:active
:hover
:disabled
:focus
:loading
Utility button build:
Utility button with icon: Icon size: 16 x 16px Icon color: Same as text color
:active
:hover
:disabled
:focus
Utility button with icon build:
Utility button collapsed:
:active
:hover
:disabled
:focus
Utility button collapsed build:
Resizing the default utility buttons
The default utility button can be resized to make Small and XSmall buttons