Buttons & Links

Button styles and size variations use for all buttons. Add the classes under each button for different types and styles.

Button Main

.f-btn-main

Button Main Rounded

.f-btn-main .f-round-corners

Button Main Pill

.f-btn-main .f-pill

Button Alt

.f-btn-alt

Button Alt Rounded

.f-btn-alt .f-round-corners

Button Alt Pill

.f-btn-alt .f-pill

Button Outline

.f-btn-main .f-btn-main-outline

Button Pill

.f-btn-main .f-btn-main-outline .f-pill

Outline Rounded

.f-btn-main .f-btn-main-outline .f-round-corners

Outline Light

.f-btn-outline-light

Button Light

.f-btn-light

Button Light Rounded

.f-btn-light .f-round-corners

Button Light Pill

.f-btn-light .f-pill

Button 1 Button 2

.f-btn-dual

Button Sizes

.f-btn-xs

.f-btn-s

.f-btn-m

.f-btn-l

.f-btn-xl

.f-btn-main & .f-btn-full

Links

Link Sizes