.enp-btns-wrap {

    .enp-btn {
        background: none;
        padding: .25em 0 .3em;
        border-radius: 3px;
        border: none;
    }

    .enp-btn:hover,
    .enp-btn--click-wait,
    .enp-btn--click-wait:active,
    .enp-btn--click-wait:hover,
    .enp-btn--require-logged-in,
    .enp-btn--require-logged-in:hover,
    .enp-btn--require-logged-in:active,
    .enp-btn--user-clicked,
    .enp-btn--increased {
        .enp-btn__name {
            background: $btn_hover;
            color: #fff;
        }

        .enp-btn__count {
            color: $btn_hover;
        }
    }

    .enp-btn:active {

        .enp-btn__name {
            background: $btn_active;
        }

        .enp-btn__count {
            color: $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:hover,
    .enp-btn--require-logged-in:active {
        cursor: default;
        .enp-btn__name {
            cursor: default;
        }
    }

    .enp-btn--disabled,
    .enp-btn--disabled:active,
    .enp-btn--disabled:hover {
        cursor: default;

        .enp-btn__name {
            background: $disabled_bg;
            color: $disabled_color;
        }

        .enp-btn__count {
            color: $disabled_bg;
        }
    }

    .enp-btn__name {
        @extend %btn;
    }

    .enp-btn__count {
        color: $btn;
        padding: .5em .8em .5em 0;
    }

    .enp-btn__count:after {
        top: -1em;
        left: -1.8em;
    }

    // icons
    &.enp-icon-state {
        @include enpDetachedButtonIcons(#ffffff);
    }

}