Buttons and links
Buttons
Primary
Default
Button Color: Leaf Green
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: White
Hovered
Button Color: Leaf Green (Tint)
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: White
Focused
Button Color: Leaf Green (Tint)
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: White
Secondary
Default
Button Color: Mint Green (Secondary)
Border: 2px solid #2d8b62
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: Charcoal
Hovered
Button Color: Mint Green (Tint)
Border: 2px solid #2d8b62
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: Charcoal
Focused
Button Color: Mint Green (Tint)
Border: 2px solid #2d8b62
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: Charcoal
Appointment
Default
Button Color: Sun Yellow (Shade)
Border: 2px solid #8a5300
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: Charcoal
Hovered
Button Color: Sun Yellow
Border: 2px solid #8a5300
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: Charcoal
Focused
Button Color: Sun Yellow
Border: 2px solid #8a5300
Border Radius: 5px
Button Height: 48px
Padding: 8px 18px
Text Color: Charcoal
Links
Text Link
Default
Text Color: Leaf Green
Text Decoration: 2px underline
Hovered
Text Color: Charcoal
Text Decoration: 2px underline
Focused
Text Color: Charcoal
Text Decoration: 2px underline