Button

[us_btn label=”You can” link=”url:%23″ link_type=”none”][/us_btn][us_btn label=”Create” link=”url:%23″ style=”11″ link_type=”none”][/us_btn][us_btn label=”Unlimited” link=”url:%23″ style=”18″ iconpos=”right” link_type=”none”][/us_btn][us_btn label=”Button Styles” link=”url:%23″ style=”15″ link_type=”none”][/us_btn][us_btn label=”With” link=”url:%23″ style=”16″ link_type=”none”][/us_btn][us_btn label=”Custom” link=”url:%23″ style=”22″ link_type=”none”][/us_btn][us_btn label=”Colors” link=”url:%23″ style=”17″ link_type=”none”][/us_btn][us_btn label=”Sizes” link=”url:%23″ style=”24″ link_type=”none” css=”%7B%22default%22%3A%7B%22font-size%22%3A%221.5rem%22%7D%7D”][/us_btn][us_btn label=”Icons” link=”url:%23″ style=”19″ icon=”fas|upload” link_type=”none” iconpos=”right”][/us_btn][us_btn label=”And hover states” link=”url:%23″ style=”23″ link_type=”none”][/us_btn][us_separator size=”small”][/us_separator]
[us_btn label=”Fullwidth button” link=”url:%23|||” width_type=”” icon=”far|alicorn” custom_width=”200px” link_type=”none” style=”26″ align=”justify”][/us_btn][us_separator size=”small”][/us_separator][us_btn label=”Button as link” link=”url:%23″ style=”25″ align=”left” link_type=”none” icon=”fas|arrow-right” iconpos=”right”][/us_btn][us_separator size=”small”][/us_separator][us_btn label=”Button with fixed width” link=”url:%23|||” style=”21″ css=”%7B%22default%22%3A%7B%22width%22%3A%22200px%22%7D%7D” icon=”fas|code”][/us_btn]

Responsive Alignment

You can align a button based on the screen width. Check the button below on different screen sizes.

[us_separator size=”small”][us_btn align=”%7B%22default%22%3A%22left%22%2C%22laptops%22%3A%22center%22%2C%22tablets%22%3A%22right%22%2C%22mobiles%22%3A%22justify%22%7D” link_type=”none” label=”Responsive Alignment”]