Primary

  • This style of button is used in many heroes and promos throughout the site.

Name: Primary Button
Classes: link-primary
Name: Primary Button
Classes: link-primary link-primary--external
Name: Primary Button
Classes: link-primary link-primary--block
Name: Primary Button
Classes: link-primary
link-primary--block link-primary--no-curve
Name: Primary Button
Classes: link-primary link-primary--alt-highlight
Name: Primary Button
Classes: link-primary link-primary--light-gray
Name: Primary Button
Classes: link-primary
link-primary--light-gray link-primary--block
Name: Primary Button
Classes: link-primary link-primary--light-gray link-primary--block link-primary--no-curve
Name: Primary Button
Classes: link-primary link-primary--no-curve
Name: Primary Button
Classes: link-primary link-primary--external link-primary--no-curve
Name: Primary Button
Classes: link-primary link-primary--block link-primary--text-left
Name: Primary Button
Classes: link-primary link-primary--block link-primary--no-curve link-primary--text-left
Name: Primary Button
Classes: link-primary link-primary--alt-highlight link-primary--no-curve
Name: Primary Button
Classes: link-primary link-primary--light-gray link-primary--no-curve
Name: Primary Button
Classes: link-primary link-primary--light-gray link-primary--block link-primary--text-left
Name: Primary Button
Classes: link-primary link-primary--light-gray link-primary--block link-primary--no-curve link-primary--text-left

Secondary

  • This is used on multiple components and promos throughout the site.

Name: Secondary Button
Classes: link-secondary
Name: Secondary Button
Classes: link-secondary-no-icon
Name: Secondary Button
Classes: link-secondary link-secondary--chevron-left
Name: Secondary Button
Classes: link-secondary link-secondary--white

Promo

  • This style of button is used on many high level pages throughout the site such as the home page and parent collection pages.

Name: Secondary Button
Classes: link-promo
Name: Secondary Button
Classes: link-promo link-promo--essential
Name: Secondary Button
Classes: link-promo link-promo--signature-alt
Name: Secondary Button
Classes: link-promo link-promo--square
Name: Secondary Button
Classes: link-promo link-promo--essential link-promo--square
Name: Secondary Button
Classes: link-promo link-promo--signature-alt link-promo--square
Name: Secondary Button
Classes: link-promo link-promo--elevate
Name: Secondary Button
Classes: link-promo link-promo--signature
Name: Secondary Button
Classes: link-promo link-promo--signature-modern
Name: Secondary Button
Classes: link-promo link-promo--elevate link-promo--square
Name: Secondary Button
Classes: link-promo link-promo--signature link-promo--square
Name: Secondary Button
Classes: link-promo link-promo--signature-modern link-promo--square