Checkout color states of all buttons on popover to buttons

Normal #BDC3C7
Hover #D9DCDE
Active #9CA5AB
Disabled #DEE1E3
Normal #1ABC9C
Hover #28E1BD
Active #13866F
Disabled #8CDDCD
Normal #2ECC71
Hover #54D98C
Active #239A55
Disabled #96E5B8
Normal #5DADE2
Hover #88C3EA
Active #2993D9
Disabled #AED6F0
Normal #F1C40F
Hover #F4D03F
Active #B8960B
Disabled #F8E187
Normal #E74C3C
Hover #ED7669
Active #CD2A19
Disabled #F3A59D
Normal #34495E
Hover #46627F
Active #1E2A37
Disabled #99A4AE

Buttons

Use the button classes on an <a>, <button>, or <input>element.

Rounded buttons

Add .btn-round to default button to get rounded corners.

Square Buttons

Add .btn-square to default button to get square corners.

Skew Buttons

Add .btn-skew to default button to get skew Buttons.

Use <i class="icofont icofont-star"> inside button to add icon.

Use Class btn-outline-* inside button to make Border Button.

Use <i class="icofont icofont-star"> inside button to add icon.

Use Class btn-outline-* inside button to make Border Button.

Use btn-xlg, btn-lg, btn-md, btn-sm, btn-mini inside class to use different size button.

Link