Default

Border Width

You can use classes for border width .bw-s1 to .bw-s5

Border Radius

You can use classes for border radius .rounded-s1 to .rounded-s5

Border

You can use classes for border style .bs-BorderStyleName like .bs-solid

Sizes

Here are buttons size classes .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl

Border + Background Hover

Background + Border Hover

Block Level

Create block level buttons—those that span the full width of a parent—by adding .btn-block.

2D Transitions

You can change the transition by the changing name of transition .hover-transitionName like .hover-grow.

Background Transitions

You can change the background transition by the changing name of transition .hover-transitionName like .hover-sweep-to-right.

Icon Inline

You can change the icon transition by the changing name of transition .hover-transitionName like .hover-icon-back.

Icon Right

You can change the icon transition by the changing name of transition .hover-transitionName like .hover-icon-back.

Icon Left

You can change the icon transition by the changing name of transition .hover-transitionName like .hover-icon-back.

Icon Bottom

You can change the icon transition by the changing name of transition .hover-transitionName like .hover-icon-back.

Icon Top

You can change the icon transition by the changing name of transition .hover-transitionName like .hover-icon-back.