Call to Action Buttons Widget Demo

Filled - No Border

Normal Text / Square Corners / Lighten on Hover

Product

Services

Training

Company

Center Aligned / Normal Upper Case Text / Rounded Corners / Darken on Hover / Icon to Left

Center Aligned / Normal Upper Case Text / Rounded Corners / Darken on Hover / Icon to Left

Small Text / Right Aligned / Icon to Right / Fill On Hover

Large Text / 20px padding / Square Corners / Fill on Hover

Normal Text / Square Corners / Lighten on Hover

Center Aligned / Normal Upper Case Text / Rounded Corners / Darken on Hover / Icon to Left

Small Text / Right Aligned / Icon to Right / Lighten on Hover

Large Text / 1em padding / Square Corners

Bold & Italic Text / 15px Padding Around Button / Center Aligned

Outlined - Thin Border

Thin Border / No Space Between

Thin Border / 5px Space Between / Fill on Hover

Thin Border / 5px Space Between / 10px Button Padding / Large Bold Text / Darken on Hover

Thin Border / 5px Space Between / 30px Button Padding / Small Upper Case Text / Lighten on Hover

3d / Darken on Hover

3d / Icon to Left / Lighten on Hover

Skewed with Border / Square Corners / 3px spacing / Darken on Hover

Skewed / Justified / Rounded Corners / Lower Case / 1em Left Spacing / Fill on Hover / Background Color

Skewed / Rounded Corners / 1em spacing / Darken on Hover

Simple Link

Link / Large Bold Text / Icon to Left Align Center

Link / Background Color & Padding / Large Text / Icon to Right

Link / Background Image & Padding / Large Text / Icon to Left / Even Space Between

Horizontal / Left Aligned

Horizontal / Center Aligned

Horizontal / Right Aligned

Horizontal / Justified

Horizontal / Justified with Even Space Between

Horizontal / Even Space Around

Vertical / Left Aligned

Vertical / Center Aligned

Vertical / Right Aligned

Vertical / Justified

Background Image & Padding / Even Space Around Buttons

Normal Text / Square Corners / Lighten on Hover

Center Aligned / Normal Upper Case Text / Rounded Corners / Darken on Hover / Icon to Left

Small Text / Right Aligned / Icon to Right

Large Text / 20px padding / Square Corners

Bold & Italic Text / 15px Padding Around Button / Center Aligned

Thin Border / No Space Between

Thin Border / 5px Space Between / Fill on Hover

Thin Border / 5px Space Between / 10px Button Padding / Large Bold Text / Darken on Hover

Thin Border / 5px Space Between / 30px Button Padding / Small Upper Case Text / Lighten on Hover