.enp-btns-wrap { // override most themes CSS selectors

    .enp-btn,
    .enp-btn--require-logged-in,
    .enp-btn--require-logged-in:active {
        @extend %btn;
        color: $btn;
        border: 2px solid $btn;
        background: transparent;
    }

    .enp-btn:hover,
    .enp-btn:focus,
    .enp-btn--user-clicked:focus {
        border: 2px solid $btn;
    }

    .enp-btn:active,
    .enp-btn--click-wait,
    .enp-btn--click-wait:active,
    .enp-btn--click-wait:hover,
    .enp-btn--user-clicked,
    .enp-btn--increased {
        color: #fff;
    }

    .enp-btn:active {
        background: $btn_active;
        border: 2px solid $btn_active;
    }

    .enp-btn--click-wait,
    .enp-btn--click-wait:active,
    .enp-btn--click-wait:hover,
    .enp-btn--require-logged-in,
    .enp-btn--require-logged-in:active {
        cursor: default;
    }

    .enp-btn--disabled,
    .enp-btn--disabled:active,
    .enp-btn--disabled:hover {
        background: $disabled_bg;
        border: 2px solid $disabled_bg;
        color: $disabled_color;
    }

    .enp-btn--user-clicked,
    .enp-btn--increased,
    .enp-btn--click-wait,
    .enp-btn--click-wait:active,
    .enp-btn--click-wait:hover {
        background: $btn;
        border: 2px solid $btn;
        color: #ffffff;
    }

    // add icons
    &.enp-icon-state .enp-btn {
        position: relative;
        padding-left: 1.8em;
    }

    .enp-btn--user-has-not-clicked .enp-icon {
        transition: all .1s;
    }

    .enp-btn:active .enp-icon,
    .enp-btn--user-clicked .enp-icon,
    .enp-btn--user-clicked.enp-btn--click-wait .enp-icon,
    .enp-btn--click-wait .enp-icon,
    .enp-btn--click-wait:active .enp-icon,
    .enp-btn--click-wait:hover .enp-icon {
        fill: #ffffff;
    }

    .enp-icon,
    .enp-btn--require-logged-in .enp-icon,
    .enp-btn--require-logged-in:hover .enp-icon,
    .enp-btn--require-logged-in:active .enp-icon {
        @extend %icon-position;
        left: 0.325em;
        fill: $btn;
    }

}