web style guide

Colors

DEFAULT

main color

#f04e10

text color

#555555

background color

#e0e0e0


MAIN CTA COLORS & STYLES

default cta

#ffc200

hover cta

CSS Styles

.button-yellow {
background-color: #ffc200;
border: 1px solid #ffc200;
color: #222;
font-size: 0.7rem;
font-weight: 700;
line-height: 1.42857;
border-radius: 4px;
padding: 6px;
}

.button-yellow: hover {
background-color: #ffc200;
border: 1px solid #ffc200;
color: #222;
font-size: 0.7rem;
font-weight: 700;
line-height: 1.42857;
border-radius: 4px;
padding: 6px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}


PROMO CTA COLORS & STYLES

default cta

hover cta

CSS Styles

.promo__cta {
font-size: 13px;
padding: 6px 0px;font-weight: 700;
transition: all .9s;
border: 2px solid #f04e10;
letter-spacing: 0.5px;
}

.promo__cta: hover {
background-color: #f04e10;
color: #fff;
}