/*Chatra*/
@keyframes chatra-loading {
    from {
        transform: scale(1);
    }

    70% {
        transform: scale(0.8);
    }
}

.chatra-button {
    display: block;
    position: fixed;
    width: 60px;
    height: 60px;
    z-index: 9999;
    right: 20px;
    bottom: 20px;
    padding: 0;
    margin: 0;
    background: #0d8bcd;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.3);
    transition: .2s linear;
    transition-property: box-shadow, opacity, visibility;
    cursor: pointer;
}

.chatra-button:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 15px rgba(0, 0, 0, 0.4);
}

.chatra-button:active {
    outline: none;
}

.chatra-button.chatra-is-loading {
    animation: chatra-loading 1.5s ease-out infinite;
    outline: none;
}

.chatra-button.chatra-is-hidden {
    opacity: 0;
    visibility: hidden;
}

.chatra-button__icon {
    width: 36px;
    height: 36px;
    fill: #ffffff;
}

/*Chatra END*/