.qr-chat {
    position: fixed;
    bottom: 74px;
    right: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 96px;
    z-index: 10;
}
@media screen and (max-width: 960px) and (pointer: coarse) and (hover: none) {
    bottom: 60px;
    right: -12px;
}
.qr-chat__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #4AD37D;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
}
.qr-chat__button:hover {
    transform: scale(1.1);
}
.qr-chat__button:before {
    content: "";
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1057_2509)'%3E%3Cpath d='M25.1585 19.5369C25.0923 19.5051 22.6136 18.2845 22.1731 18.126C21.9933 18.0614 21.8007 17.9984 21.5958 17.9984C21.2611 17.9984 20.9799 18.1652 20.7609 18.4928C20.5133 18.8608 19.7638 19.737 19.5322 19.9987C19.5019 20.0333 19.4606 20.0746 19.4359 20.0746C19.4137 20.0746 19.0301 19.9166 18.914 19.8662C16.255 18.7112 14.2368 15.9336 13.96 15.4653C13.9205 15.3979 13.9189 15.3673 13.9185 15.3673C13.9282 15.3317 14.0177 15.242 14.0638 15.1958C14.1988 15.0622 14.3451 14.8861 14.4866 14.7158C14.5536 14.6351 14.6207 14.5543 14.6866 14.4781C14.8919 14.2393 14.9833 14.0538 15.0893 13.839L15.1448 13.7274C15.4036 13.2133 15.1826 12.7795 15.1112 12.6394C15.0526 12.5222 14.006 9.99622 13.8947 9.73084C13.6271 9.09047 13.2735 8.79231 12.7822 8.79231C12.7366 8.79231 12.7822 8.79231 12.591 8.80037C12.3582 8.8102 11.0903 8.9771 10.5298 9.33046C9.93534 9.70523 8.92969 10.8999 8.92969 13.0008C8.92969 14.8917 10.1296 16.677 10.6448 17.356C10.6576 17.3731 10.6811 17.4079 10.7152 17.4578C12.6882 20.3392 15.1478 22.4746 17.6412 23.4706C20.0416 24.4294 21.1783 24.5403 21.8245 24.5403H21.8246C22.0962 24.5403 22.3135 24.519 22.5053 24.5001L22.6269 24.4885C23.4562 24.415 25.2785 23.4707 25.693 22.3188C26.0195 21.4115 26.1056 20.4202 25.8884 20.0604C25.7396 19.8158 25.4832 19.6927 25.1585 19.5369Z' fill='white'/%3E%3Cpath d='M17.3018 0C8.09352 0 0.602039 7.43518 0.602039 16.5742C0.602039 19.5301 1.39309 22.4236 2.89163 24.9559L0.023377 33.4167C-0.0300516 33.5744 0.00968864 33.7489 0.12637 33.8676C0.210598 33.9536 0.324851 34 0.441533 34C0.486241 34 0.53128 33.9933 0.575215 33.9792L9.39755 31.1758C11.8118 32.4657 14.5404 33.1466 17.3019 33.1466C26.5093 33.1467 34 25.7123 34 16.5742C34 7.43518 26.5093 0 17.3018 0ZM17.3018 29.6941C14.7033 29.6941 12.1865 28.9438 10.0231 27.5242C9.95038 27.4764 9.86593 27.4519 9.78093 27.4519C9.73601 27.4519 9.69097 27.4588 9.64714 27.4727L5.22769 28.8775L6.65437 24.6684C6.70051 24.5322 6.67744 24.382 6.59244 24.2658C4.94499 22.0148 4.07412 19.3552 4.07412 16.5742C4.07412 9.33896 10.008 3.45255 17.3017 3.45255C24.5944 3.45255 30.5277 9.33896 30.5277 16.5742C30.5278 23.8086 24.5947 29.6941 17.3018 29.6941Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1057_2509'%3E%3Crect width='34' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
}
.qr-chat__button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.382031 17.7734C-0.127344 18.2828 -0.127344 19.1086 0.382031 19.618C0.891406 20.1273 1.71729 20.1273 2.22666 19.618L0.382031 17.7734ZM10.9223 10.9223C11.4317 10.4129 11.4317 9.58715 10.9223 9.07776C10.4129 8.56836 9.58715 8.56836 9.07776 9.07776L10.9223 10.9223ZM9.07776 9.07776C8.56836 9.58715 8.56836 10.4129 9.07776 10.9223C9.58715 11.4317 10.4129 11.4317 10.9223 10.9223L9.07776 9.07776ZM19.618 2.22666C20.1273 1.71729 20.1273 0.891406 19.618 0.382031C19.1086 -0.127344 18.2828 -0.127344 17.7734 0.382031L19.618 2.22666ZM10.9223 9.07776C10.4129 8.56836 9.58715 8.56836 9.07776 9.07776C8.56836 9.58715 8.56836 10.4129 9.07776 10.9223L10.9223 9.07776ZM17.7734 19.618C18.2828 20.1273 19.1086 20.1273 19.618 19.618C20.1273 19.1086 20.1273 18.2828 19.618 17.7734L17.7734 19.618ZM9.07776 10.9223C9.58715 11.4317 10.4129 11.4317 10.9223 10.9223C11.4317 10.4129 11.4317 9.58715 10.9223 9.07776L9.07776 10.9223ZM2.22666 0.382031C1.71729 -0.127344 0.891406 -0.127344 0.382031 0.382031C-0.127344 0.891406 -0.127344 1.71729 0.382031 2.22666L2.22666 0.382031ZM2.22666 19.618L10.9223 10.9223L9.07776 9.07776L0.382031 17.7734L2.22666 19.618ZM10.9223 10.9223L19.618 2.22666L17.7734 0.382031L9.07776 9.07776L10.9223 10.9223ZM9.07776 10.9223L17.7734 19.618L19.618 17.7734L10.9223 9.07776L9.07776 10.9223ZM10.9223 9.07776L2.22666 0.382031L0.382031 2.22666L9.07776 10.9223L10.9223 9.07776Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
}
.qr-chat__window {
    position: absolute;
    right: 20px;
    bottom: 100%;
    width: 468px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 20px;
    background: #ffffff;
    visibility: hidden;
}
@media (max-width: 960px) {
    .qr-chat__window {
        width: 316px;
    }
}
.qr-chat__window-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px 14px;
    text-align: center;
    background: #4AD37D;
    color: #ffffff;
    border-radius: 20px 20px 0 0;
    font-size: 18px;
    font-weight: 600;
}
@media (max-width: 960px) {
    .qr-chat__window-header {
        font-size: 15px;
    }
}
.qr-chat__window-img {
    display: flex;
    height: 340px;
    margin-top: 32px;
}
@media (max-width: 960px) {
    .qr-chat__window-img {
        margin-top: 20px;
    }
}
.qr-chat__window-img img {
    width: 100%;
    object-fit: contain;
}
.qr-chat__window-desc {
    text-align: center;
    color: #6E6E6E;
    font-size: 14px;
}
.qr-chat__window-link {
    display: flex;
    width: fit-content;
    margin: 32px auto 48px;
    font-size: 20px;
    font-weight: 600;
    color: #105266;
    text-align: center;
    text-decoration: underline !important;
    transition: 0.3s;
}
@media (max-width: 960px) {
    .qr-chat__window-link {
        margin: 28px 0 40px;
        font-size: 18px;
    }
}
.qr-chat__window-link:hover {
    color: #167B9A;
    text-decoration: underline;
}
.qr-chat.active .qr-chat__button:before {
    opacity: 0;
}
.qr-chat.active .qr-chat__button:after {
    opacity: 1;
}