.app-engage {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 5;
    padding-right: 12px
}

.app-engage .app-engage-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: var(--bs-engage-btn-box-shadow);
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    border-radius: 6px;
    width: 66px;
    height: 70px;
    color: var(--bs-engage-btn-color);
    border-color: var(--bs-engage-btn-border-color);
    background-color: white;
}

.app-engage .app-engage-btn .svg-icon,.app-engage .app-engage-btn i {
    color: var(--bs-engage-btn-icon-color)
}

.app-engage .app-engage-btn.dropdown-toggle:after {
    color: var(--bs-engage-btn-icon-color)
}

.app-engage .app-engage-btn.hover-dark:hover {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)
}

.app-engage .app-engage-btn.hover-dark:hover .svg-icon,.app-engage .app-engage-btn.hover-dark:hover i {
    color: var(--bs-dark-inverse)
}

.app-engage .app-engage-btn.hover-primary:hover {
    color:white;
    /* color: var(--bs-primary-inverse); */
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)
}

.app-engage .app-engage-btn.hover-primary:hover .svg-icon,.app-engage .app-engage-btn.hover-primary:hover i {
    color: var(--bs-primary-inverse)
}

.app-engage .app-engage-btn.hover-success:hover {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success)
}

.app-engage .app-engage-btn.hover-success:hover .svg-icon,.app-engage .app-engage-btn.hover-success:hover i {
    color: var(--bs-success-inverse)
}

.app-engage .app-engage-btn.app-engage-btn-toggle-off {
    width: 35px;
    height: 35px
}

.app-engage .app-engage-btn.app-engage-btn-toggle-on {
    width: 35px;
    height: 35px;
    display: none
}

.app-engage.app-engage-hide .app-engage-btn {
    visibility: hidden
}

.app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-off {
    display: none
}

.app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-on {
    visibility: visible;
    display: flex
}

.engage-btn {
    display: flex;
    align-items: center;
    height: 35px!important;
    color: var(--bs-engage-btn-color);
    border-color: var(--bs-engage-btn-bg);
    background-color: var(--bs-engage-btn-bg)
}

.engage-btn .svg-icon,.engage-btn i {
    color: var(--bs-engage-btn-color)
}

.engage-btn.dropdown-toggle:after {
    color: var(--bs-engage-btn-color)
}

.btn-check:active+.engage-btn,.btn-check:checked+.engage-btn,.engage-btn.active,.engage-btn.show,.engage-btn:active:not(.btn-active),.engage-btn:focus:not(.btn-active),.engage-btn:hover:not(.btn-active),.show>.engage-btn {
    color: var(--bs-engage-btn-color-active);
    border-color: var(--bs-engage-btn-bg);
    background-color: var(--bs-engage-btn-bg)!important
}

.btn-check:active+.engage-btn .svg-icon,.btn-check:active+.engage-btn i,.btn-check:checked+.engage-btn .svg-icon,.btn-check:checked+.engage-btn i,.engage-btn.active .svg-icon,.engage-btn.active i,.engage-btn.show .svg-icon,.engage-btn.show i,.engage-btn:active:not(.btn-active) .svg-icon,.engage-btn:active:not(.btn-active) i,.engage-btn:focus:not(.btn-active) .svg-icon,.engage-btn:focus:not(.btn-active) i,.engage-btn:hover:not(.btn-active) .svg-icon,.engage-btn:hover:not(.btn-active) i,.show>.engage-btn .svg-icon,.show>.engage-btn i {
    color: var(--bs-engage-btn-color-active)
}

.btn-check:active+.engage-btn.dropdown-toggle:after,.btn-check:checked+.engage-btn.dropdown-toggle:after,.engage-btn.active.dropdown-toggle:after,.engage-btn.show.dropdown-toggle:after,.engage-btn:active:not(.btn-active).dropdown-toggle:after,.engage-btn:focus:not(.btn-active).dropdown-toggle:after,.engage-btn:hover:not(.btn-active).dropdown-toggle:after,.show>.engage-btn.dropdown-toggle:after {
    color: var(--bs-engage-btn-color-active)
}