Flat Buttons

as much as you can!

[cs_space size=”-10px”]
[cs_divider_icon align=”center” text=”SQUARE” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”flat” shape=”square” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”ROUNDED” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”flat” shape=”rounded” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”flat” shape=”rounded” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”flat” shape=”rounded” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”flat” shape=”rounded” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”flat” shape=”rounded” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”PILL” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”flat” shape=”pill” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”flat” shape=”pill” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”flat” shape=”pill” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”flat” shape=”pill” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”flat” shape=”pill” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”CUSTOM COLORS” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”flat” shape=”square” size=”xxs” color=”accent” bgcolor=”#95a5a6″ textcolor=”#ffffff” bghovercolor=”#acbfbf” texthovercolor=”#ffffff”]Silver Color[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”accent” bgcolor=”#1ba39c” textcolor=”#ffffff” bghovercolor=”#1fbab7″ texthovercolor=”#ffffff”]Sea Color[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”accent” bgcolor=”#8e44ad” textcolor=”#ffffff” bghovercolor=”#9e4bc1″ texthovercolor=”#ffffff”]Purple Color[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”accent” bgcolor=”#f9690e” textcolor=”#ffffff” bghovercolor=”#f97b2c” texthovercolor=”#ffffff”]Orange Color[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”accent” bgcolor=”#d6a982″ textcolor=”#ffffff” bghovercolor=”#d6b69a” texthovercolor=”#ffffff”]Coffee Color[/cs_button]
[cs_divider_icon align=”center” text=”SIZES” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”flat” shape=”square” size=”xxs” color=”accent”]XX SMALL[/cs_button][cs_button type=”flat” shape=”square” size=”xs” color=”accent”]X SMALL[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”accent”]SMALL[/cs_button][cs_button type=”flat” shape=”square” size=”md” color=”accent”]MEDUIM[/cs_button][cs_button type=”flat” shape=”square” size=”lg” color=”accent”]LARGE[/cs_button][cs_button type=”flat” shape=”square” size=”xl” color=”accent”]X LARGE[/cs_button][cs_button type=”flat” shape=”square” size=”lg” color=”accent”]LARGE[/cs_button][cs_button type=”flat” shape=”square” size=”md” color=”accent”]MEDUIM[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”accent”]SMALL[/cs_button][cs_button type=”flat” shape=”square” size=”xs” color=”accent”]X SMALL[/cs_button][cs_button type=”flat” shape=”square” size=”xxs” color=”accent”]XX SMALL[/cs_button][cs_divider_icon align=”center” text=”BLOCK” color=”#bbbbbb”][/cs_divider_icon]
[cs_button type=”flat” shape=”square” size=”sm” color=”accent” block=”1″]FULL BLOCK[/cs_button]
[cs_button type=”flat” shape=”square” size=”sm” color=”green” block=”1″]FULL BLOCK[/cs_button]
[cs_button type=”flat” shape=”square” size=”sm” color=”red” block=”1″]FULL BLOCK[/cs_button]

Outlined Buttons

as much as you can!

[cs_divider_icon align=”center” text=”SQUARE” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”outlined” shape=”square” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”ROUNDED” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”outlined” shape=”rounded” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”outlined” shape=”rounded” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”outlined” shape=”rounded” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”outlined” shape=”rounded” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”outlined” shape=”rounded” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”PILL” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”outlined” shape=”pill” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”outlined” shape=”pill” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”outlined” shape=”pill” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”outlined” shape=”pill” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”outlined” shape=”pill” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”CUSTOM COLORS” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”outlined” shape=”square” size=”xxs” color=”accent” textcolor=”#95a5a6″ bghovercolor=”#95a5a6″ texthovercolor=”#ffffff” bordercolor=”#95a5a6″ borderhovercolor=”#95a5a6″]Silver Color[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”accent” textcolor=”#1ba39c” bghovercolor=”#1ba39c” texthovercolor=”#ffffff” bordercolor=”#1ba39c” borderhovercolor=”#1ba39c”]Sea Color[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”accent” textcolor=”#8e44ad” bghovercolor=”#9e4bc1″ texthovercolor=”#ffffff” bordercolor=”#8e44ad” borderhovercolor=”#8e44ad”]Purple Color[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”accent” textcolor=”#f9690e” bghovercolor=”#f9690e” texthovercolor=”#ffffff” bordercolor=”#f9690e” borderhovercolor=”#f9690e”]Orange Color[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”accent” textcolor=”#d6a982″ bghovercolor=”#d6a982″ texthovercolor=”#ffffff” bordercolor=”#d6a982″ borderhovercolor=”#d6a982″]Coffee Color[/cs_button]
[cs_divider_icon align=”center” text=”SIZES” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”outlined” shape=”square” size=”xxs” color=”accent”]XX SMALL[/cs_button][cs_button type=”outlined” shape=”square” size=”xs” color=”accent”]X SMALL[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”accent”]SMALL[/cs_button][cs_button type=”outlined” shape=”square” size=”md” color=”accent”]MEDUIM[/cs_button][cs_button type=”outlined” shape=”square” size=”lg” color=”accent”]LARGE[/cs_button][cs_button type=”outlined” shape=”square” size=”xl” color=”accent”]X LARGE[/cs_button][cs_button type=”outlined” shape=”square” size=”lg” color=”accent”]LARGE[/cs_button][cs_button type=”outlined” shape=”square” size=”md” color=”accent”]MEDUIM[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”accent”]SMALL[/cs_button][cs_button type=”outlined” shape=”square” size=”xs” color=”accent”]X SMALL[/cs_button][cs_button type=”outlined” shape=”square” size=”xxs” color=”accent”]XX SMALL[/cs_button][cs_divider_icon align=”center” text=”BLOCK” color=”#bbbbbb”][/cs_divider_icon]
[cs_button type=”outlined” shape=”square” size=”sm” color=”accent” block=”1″]FULL BLOCK[/cs_button]
[cs_button type=”outlined” shape=”square” size=”sm” color=”green” block=”1″]FULL BLOCK[/cs_button]
[cs_button type=”outlined” shape=”square” size=”sm” color=”red” block=”1″]FULL BLOCK[/cs_button]

3D Buttons

as much as you can!

[cs_divider_icon align=”center” text=”SQUARE” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”3d” shape=”square” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”ROUNDED” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”3d” shape=”rounded” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”3d” shape=”rounded” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”3d” shape=”rounded” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”3d” shape=”rounded” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”3d” shape=”rounded” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”PILL” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”3d” shape=”pill” size=”xxs” color=”accent”]Accent Color[/cs_button][cs_button type=”3d” shape=”pill” size=”xxs” color=”green”]Green Color[/cs_button][cs_button type=”3d” shape=”pill” size=”xxs” color=”red”]Red Color[/cs_button][cs_button type=”3d” shape=”pill” size=”xxs” color=”yellow”]Yellow Color[/cs_button][cs_button type=”3d” shape=”pill” size=”xxs” color=”black”]Black Color[/cs_button]
[cs_divider_icon align=”center” text=”CUSTOM COLORS” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”3d” shape=”square” size=”xxs” color=”accent” bgcolor=”#95a5a6″ textcolor=”#ffffff” bghovercolor=”#acbfbf” texthovercolor=”#ffffff”]Silver Color[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”accent” bgcolor=”#1ba39c” textcolor=”#ffffff” bghovercolor=”#1fbab7″ texthovercolor=”#ffffff”]Sea Color[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”accent” bgcolor=”#8e44ad” textcolor=”#ffffff” bghovercolor=”#9e4bc1″ texthovercolor=”#ffffff”]Purple Color[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”accent” bgcolor=”#f9690e” textcolor=”#ffffff” bghovercolor=”#f97b2c” texthovercolor=”#ffffff”]Orange Color[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”accent” bgcolor=”#d6a982″ textcolor=”#ffffff” bghovercolor=”#d6b69a” texthovercolor=”#ffffff”]Coffee Color[/cs_button]
[cs_divider_icon align=”center” text=”SIZES” color=”#bbbbbb”][/cs_divider_icon][cs_button type=”3d” shape=”square” size=”xxs” color=”accent”]XX SMALL[/cs_button][cs_button type=”3d” shape=”square” size=”xs” color=”accent”]X SMALL[/cs_button][cs_button type=”3d” shape=”square” size=”sm” color=”accent”]SMALL[/cs_button][cs_button type=”3d” shape=”square” size=”md” color=”accent”]MEDUIM[/cs_button][cs_button type=”3d” shape=”square” size=”lg” color=”accent”]LARGE[/cs_button][cs_button type=”3d” shape=”square” size=”xl” color=”accent”]X LARGE[/cs_button][cs_button type=”3d” shape=”square” size=”lg” color=”accent”]LARGE[/cs_button][cs_button type=”3d” shape=”square” size=”md” color=”accent”]MEDUIM[/cs_button][cs_button type=”3d” shape=”square” size=”sm” color=”accent”]SMALL[/cs_button][cs_button type=”3d” shape=”square” size=”xs” color=”accent”]X SMALL[/cs_button][cs_button type=”3d” shape=”square” size=”xxs” color=”accent”]XX SMALL[/cs_button][cs_divider_icon align=”center” text=”BLOCK” color=”#bbbbbb”][/cs_divider_icon]
[cs_button type=”3d” shape=”square” size=”sm” color=”accent” block=”1″]FULL BLOCK[/cs_button]
[cs_button type=”3d” shape=”square” size=”sm” color=”green” block=”1″]FULL BLOCK[/cs_button]
[cs_button type=”3d” shape=”square” size=”sm” color=”red” block=”1″]FULL BLOCK[/cs_button]
[cs_space]

Buttons on Parallax Sections

[cs_divider_icon align=”center” icon=”fa-arrow-circle-o-down” color=”rgba(255,255,255,0.8)” border_color=”rgba(255,255,255,0.25)” width=”50%” margin=”custom” margin_top=”0″ margin_bottom=”20″][/cs_divider_icon]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type book.

[cs_button type=”outlined” shape=”square” size=”sm” color=”white”]Button is Everywhere[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”green”]Button is Everywhere[/cs_button]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type book.

[cs_button type=”flat” shape=”square” size=”sm” color=”black”]Get in touch[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”white”]buy now[/cs_button]
[cs_button type=”outlined” shape=”rounded” size=”md” color=”white” block=”1″]buy now[/cs_button]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type book.

Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type book.

[cs_button type=”outlined” shape=”square” size=”xl” color=”white”]Connect everywhere[/cs_button]

Buttons Group

[cs_divider_icon align=”center” icon=”fa-reorder” color=”rgba(255,255,255,0.8)” border_color=”rgba(255,255,255,0.25)” width=”50%” margin=”custom” margin_top=”0″ margin_bottom=”20″][/cs_divider_icon]

Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type book.

[cs_button_group][cs_button type=”outlined” shape=”pill” size=”md” color=”white” icon=”fa-times”]No, Thanks[/cs_button][cs_button type=”outlined” shape=”pill” size=”md” color=”white” icon=”fa-circle-o”]hmm, Maybe[/cs_button][cs_button type=”outlined” shape=”pill” size=”md” color=”white” icon=”fa-check”]Yes, Please[/cs_button][/cs_button_group]

Extras

[cs_divider_icon align=”center” text=”WITH ICON” color=”#bbbbbb”][/cs_divider_icon]
[cs_button type=”flat” shape=”square” size=”sm” color=”accent” icon=”fa-exclamation-circle”]Informations[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”green” icon=”fa-check”]Agree[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”red” icon=”fa-times”]Disagree[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”yellow” icon=”fa-exclamation-triangle”]Notice[/cs_button]
[cs_button type=”outlined” shape=”square” size=”sm” color=”accent” icon=”fa-exclamation-circle”]Informations[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”green” icon=”fa-check”]Agree[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”red” icon=”fa-times”]Disagree[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”yellow” icon=”fa-exclamation-triangle”]Notice[/cs_button]
[cs_divider_icon align=”center” text=”WITH ANIMATIONS” color=”#bbbbbb” margin=”custom” margin_top=”40″ margin_bottom=”20″][/cs_divider_icon]

Pellentesque blandit mi a mi venenatis.

[cs_button type=”flat” shape=”rounded” size=”sm” color=”accent” animation=”fadeIn”]FadeIn[/cs_button]

Integer mollis arcu lectus, eu malesuada.

[cs_button type=”flat” shape=”rounded” size=”sm” color=”green” animation=”fadeInLeft”]FadeInLeft[/cs_button]

Suspendisse facilisis metus faucibus justo commodo.

[cs_button type=”flat” shape=”rounded” size=”sm” color=”red” animation=”fadeInRight”]FadeInRight[/cs_button]

Vestibulum nec erat euismod, molestie est.

[cs_button type=”flat” shape=”rounded” size=”sm” color=”yellow” animation=”fadeInUp”]FadeInUp[/cs_button]

Phasellus et tortor vel sapien tincidunt.

[cs_button type=”flat” shape=”rounded” size=”sm” color=”black” animation=”fadeInDown”]FadeInDown[/cs_button]

Aliquam ut ante vel turpis laoreet.

[cs_button type=”flat” shape=”rounded” size=”sm” color=”green” animation=”bounce” bgcolor=”#95a5a6″ bghovercolor=”#b0c1c4″ textcolor=”#ffffff” texthovercolor=”#ffffff”]and more[/cs_button]
[cs_divider_icon align=”center” text=”HELPERS” color=”#bbbbbb” margin=”custom” margin_top=”40″ margin_bottom=”20″][/cs_divider_icon][cs_button type=”flat” shape=”square” size=”sm” color=”accent” icon=”fa-circle” textshadow=”1″]Text Shadow[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”red” icon=”fa-circle-thin” no_bold=”1″]thin text[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”yellow” icon=”fa-dot-circle-o” no_transition=”1″]no transition[/cs_button][cs_button type=”flat” shape=”square” size=”sm” color=”green” icon=”fa-dot-circle-o” no_uppercase=”1″]no text uppercase[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”yellow” in_style=”border-width: 1px;”]thin border[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”green” in_style=”border-width: 4px;”]fat border[/cs_button][cs_button type=”outlined” shape=”square” size=”sm” color=”accent” in_style=”padding: 15px 50px;”]long padding[/cs_button][cs_space]

as much as you can