# Buttons

Create beautiful Call to Action buttons with the amazing Button Element

### Unlimited Variations

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

- Primary Color  
- Secondary Color  
- Alert Color  
- Success Color  
- White Color  
- Primary Color (outline)  
- Success Color (outline)  
- Alert Color (outline)  
- Secondary Color (outline)

### Buttons on Dark background

- Primary Color  
- Secondary Color  
- Alert Color  
- Success Color  
- White Color  
- Primary Color (outline)  
- Success Color (outline)  
- Alert Color (outline)  
- Secondary Color (outline)  
- White outline (outline)

### Button Styles

Select between many different button styles.

- Simple link  
- Underline  
- Outline (depth=2)  
- Normal (depth=2)  
- Gloss (radius=99)  
- Shade (radius=7)  
- Bevel (radius=12)

### Button with icon

Choose between many included Flatsome Icons.

- Icon Button (style=bevel, radius=8, icon=icon-twitter)  
- Icon Left (style=outline, radius=6, icon=icon-instagram)  
- Reveal Left (style=outline, icon=icon-play)  
- Reveal Right (icon=icon-angle-right)  
- Large Button (style=bevel, size=xlarge, radius=8)  
- Large Reveal (style=bevel, size=xlarge, radius=8)

### Simple Button Styles

- Primary Color (style=link, icon=icon-play)  
- Secondary Color (style=link)  
- Success Color (style=link)  
- Alert Color (style=link)

### Button Radius

Add custom radius to buttons

- Normal Button (size=large)  
- Round Button (size=large, radius=10)  
- Circle Button (size=large, radius=99)  
- Normal Button (style=outline, size=large)  
- Round Button (style=outline, size=large, radius=10)  
- Circle Button (style=outline, size=large, radius=99)

### Button Shadow

Add drop shadow to buttons to make them stand out more.

- Large Shadow (style=bevel, size=large, depth=5)  
- Medium Shadow (style=bevel, size=large, depth=3)  
- Small Shadow (style=bevel, size=large, depth=1)

### Button Sizes

- x Small  
- Smaller  
- Small  
- Normal  
- Large  
- Larger  
- X LARGE

### Smart Links

Add simple text to button links to link to various WordPress and WooCommerce pages.

- **shop**: Goes to Shop page  
- **account**: Goes to My Account Page  
- **checkout**: Goes to Checkout page  
- **blog**: Goes to blog page  
- **home**: Goes to homepage  
- **wishlist**: Goes to wishlist page  
- **Page Title**: Goes to page by Title.