|Class | Behaviour| |---|---| |.Vlt-btn | Basic class that always has to be there. Defines the basics for a standard-sized button with round edges | |.Vlt-btn--icon | Needed for buttons that contains ONLY icon and no text. It adjusts the position of the icon to make the button look perfectly square/round | |.Vlt-btn--app | Adds the styles needed for Application buttons (squared)| |.Vlt-btn--outline | Button colour becomes the outline and font colour | |.Vlt-btn--primary | Adds the styles needed for primary buttons (orange)| |.Vlt-btn--secondary | Adds the styles needed for secondary buttons (blue)| |.Vlt-btn--tertiary | Adds the styles needed for tertiary buttons (grey)| |.Vlt-btn--destructive | Adds the styles needed for destructive buttons (red)| |.Vlt-btn_active| Forces the active look of a button| |.Vlt-btn--small | Adjusts the padding, font size and icon size to small| |.Vlt-btn--large | Adjusts the padding, font size and icon size to large| |.Vlt-btn--disabled | Forces the look of a disabled button and prevents clicking via CSS. NOTE: this was created for `` tags. `button` with the standard 'disabled' attribute will automatically get the right look| |.Vlt-btn-group | Wraps a group of buttons that need to look welded together| |.Vlt-text-btn | Utility to show a button as a text link. Not to be combined with other button classes|