Session Timeout
Your session is about to expire. Do you want to extend the session?
BUTTONS (COMMERCE AND MARKETING)
TYPOGRAPHY
Apercu Avnet Bold, Upper caseLarge:20pxMedium: 16px Small: 14px
Default State
background color #41C363 Text #000000Apercu Bold, Uppercase
Padding: 6px 12px
Add to Cart
Smaller Screens, drop `ADD TO`
match the height of the primary button. the width should match the height so it is square
Hover State
Bootstrap Fase Transition, do not use underline
Background color #41C363 Text #000000Apercu Bold, Uppercase
Inactive State
background color #D2D2D2 Text #919191Apercu Bold, Uppercase
On white background
On black background
On green background
(Only use when you need a second option button inconjunction with a primary button.)
Background color #FFFFFF Text #138036Border 1px solid #919191Apercu Bold, Uppercase
Click to Quote
XS size exception
Smaller screens, show only, "RFQ"
The size should match the height of the primary button next to it
Background color #F4F4F4 Text #000000Border 1px solid #919191Apercu Bold, Uppercase
Background color #FFFFFFText #D2D2D2Border #D2D2D2Apercu Bold, Uppercase.
Padding: 6px 12px