.b24-widget-button-inner-container {
    transition: all 0.3s ease-out !important;
}

.b24-widget-button-inner-block,
.b24-widget-button-inner-mask {
    background: #1a1a1a !important;

    transition: all 0.3s ease-out !important;
}


.b24-widget-button-inner-block--bg, .b24-widget-button-inner-mask--bg {
    background: #f1f1f1 !important;

    transition: all 0.3s ease-out !important;
}

.b24-widget-button-pulse, .b24-widget-button-pulse-animate {
    border-color: #1a1a1a !important;
}

.b24-widget-button-popup {
    border: 2px solid #afafaf !important;
}
.b24-widget-button-popup-triangle {
    border-right-color: #afafaf !important;
    border-bottom-color: #afafaf !important;
}

.b24-widget-button-pulse--white,
.b24-widget-button-pulse-animate--white {
    border-color: #f1f1f1 !important;
}


.b24-widget-button-inner-item--white {
    & svg {
        & path {
            fill: #1a1a1a !important;
        }
    }
}

.b24-wrapper {
    position: absolute;
    top: 0;

    display: flex;
    flex-direction: column-reverse;

    height: 100%;
    padding-bottom: 24px;


}

.b24-custom-widget {
    cursor: pointer;

    position: sticky;
    z-index: 975;
    bottom: 24px;

    width: 60px;
    height: 60px;

    background-color: #fff;
    background-image: url(images/crisp-chat.svg);
    background-repeat: no-repeat;
    border-radius: 50%;


    transition: all 0.3s ease-out;
}

.hidden {
    display: none !important;
}