document.head.insertAdjacentHTML('afterbegin', `
<style>

    .rs-svg {
        fill: white;
    }

    /*custom button call*/
    .fixed {
        position: fixed;
    }

    .rs-menu-call {
        filter: url('#shadowed-goo');
    }

    .rs-menu-item, .rs-menu-open-button {
        background: #d30d0d;
        border-radius: 100%;
        width: 60px;
        height: 60px;
        margin: 0px 0px 0px -40px;
        position: absolute;
        top: 20px;
        color: #ffffff;
        text-align: center;
        line-height: 62px;
        transform: translate3d(0, 0, 0);
        transition: transform ease-out 200ms;
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .rs-menu-open-call {
        display: none;
    }


    .hamburger {
        width: 25px;
        height: 3px;
        background: white;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -12.5px;
        margin-top: -1.5px;
        transition: transform 200ms;
    }

    .hamburger-1 {
        transform: translate3d(0, -8px, 0);
    }

    .hamburger-2 {
        transform: translate3d(0, 0, 0);
    }

    .hamburger-3 {
        transform: translate3d(0, 8px, 0);
    }

    .rs-menu-open-call:checked + .rs-menu-open-button .hamburger-1 {
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    .rs-menu-open-call:checked + .rs-menu-open-button .hamburger-2 {
        transform: translate3d(0, 0, 0) scale(0.1, 1);
    }

    .rs-menu-open-call:checked + .rs-menu-open-button .hamburger-3 {
        transform: translate3d(0, 0, 0) rotate(-45deg);
    }

    .rs-menu-call {
        position: fixed;
        right: 3%;
        bottom: 15px;
        z-index: 999;
        margin-left: -80px;
        padding-top: 20px;
        padding-left: 80px;
        /*width: 650px;*/
        height: 150px;
        box-sizing: border-box;
        font-size: 20px;
        text-align: left;
    }

    .rs-menu-item:hover {
        background: white;
        color: #d30d0d;
    }

    .rs-menu-item:nth-child(3) {
        transition-duration: 180ms;
    }

    .rs-menu-item:nth-child(4) {
        transition-duration: 180ms;
    }

    .rs-menu-item:nth-child(5) {
        transition-duration: 180ms;
    }

    .rs-menu-item:nth-child(6) {
        transition-duration: 180ms;
    }

    .rs-menu-item:nth-child(7) {
        transition-duration: 180ms;
    }

    .rs-menu-item:nth-child(8) {
        transition-duration: 180ms;
    }

    .rs-menu-item:nth-child(9) {
        transition-duration: 180ms;
    }

    .rs-menu-open-button {
        z-index: 2;
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-duration: 400ms;
        transform: scale(1.1, 1.1) translate3d(0, 0, 0);
        cursor: pointer;
    }

    .rs-menu-open-button:hover {
        transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    }

    .rs-menu-open-call:checked + .rs-menu-open-button {
        transition-timing-function: linear;
        transition-duration: 200ms;
        transform: scale(0.8, 0.8) translate3d(0, 0, 0);
        background: #d30d0d;
    }

    .rs-menu-open-call:checked + .rs-menu-open-button #phone_icon {
        display: none !important;
    }

    .rs-menu-open-call:checked + .rs-menu-open-button #x_icon {
        display: initial !important;
    }

    .rs-menu-open-call:checked ~ .rs-menu-item {
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .rs-menu-open-call:checked ~ .rs-menu-item:nth-child(3) {
        transition-duration: 190ms;
        transform: translate3d(0, -75px, 0);
    }

    .rs-menu-open-call:checked ~ .rs-menu-item:nth-child(4) {
        transition-duration: 290ms;
        transform: translate3d(0, -155px, 0);
    }

    .rs-menu-open-call:checked ~ .rs-menu-item:nth-child(5) {
        transition-duration: 390ms;
        transform: translate3d(0, -235px, 0);
    }

    .rs-menu-open-call:checked ~ .rs-menu-item:nth-child(6) {
        transition-duration: 490ms;
        transform: translate3d(0, -315px, 0);
    }

    .rs-menu-open-call:checked ~ .rs-menu-item:nth-child(7) {
        transition-duration: 590ms;
        transform: translate3d(0, -400px, 0);
    }

    .rs-menu-open-call:checked ~ .rs-menu-item:nth-child(8) {
        transition-duration: 690ms;
        transform: translate3d(0, -480px, 0);
    }

    .phone_button_remove {
        display: none !important;
    }

    .rs-x_button_add {
        display: none !important;
    }

    /*.menu-open:checked ~ .rs-menu-item:nth-child(6) {*/
    /*    transition-duration: 490ms;*/
    /*    transform: translate3d(440px, 0, 0);*/
    /*}*/


    .rs-heartbeat {
        -webkit-animation: rs-heartbeat 1.5s ease-in-out infinite both;
        animation: rs-heartbeat 1.5s ease-in-out infinite both;
    }

    /* ----------------------------------------------
     * Generated by Animista on 2020-8-1 20:46:35
     * Licensed under FreeBSD License.
     * See http://animista.net/license for more info.
     * w: http://animista.net, t: @cssanimista
     * ---------------------------------------------- */

    /**
     * ----------------------------------------
     * animation rs-heartbeat
     * ----------------------------------------
     */
    @-webkit-keyframes rs-heartbeat {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        10% {
            -webkit-transform: scale(0.91);
            transform: scale(0.91);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        17% {
            -webkit-transform: scale(0.98);
            transform: scale(0.98);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        33% {
            -webkit-transform: scale(0.87);
            transform: scale(0.87);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        45% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
    }

    @keyframes  rs-heartbeat {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        10% {
            -webkit-transform: scale(0.91);
            transform: scale(0.91);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        17% {
            -webkit-transform: scale(0.98);
            transform: scale(0.98);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        33% {
            -webkit-transform: scale(0.87);
            transform: scale(0.87);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        45% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
    }

    .rs-pulse {
        box-shadow: 0 0 0 rgba(167, 159, 133, 0);
        animation: rs-pulse 2s infinite;
    }

    .rs-pulse:hover {
        animation: none;
    }

    @-webkit-keyframes rs-pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(167, 159, 133, 0);
        }
        70% {
            -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        }
        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        }
    }

    @keyframes  rs-pulse {
        0% {
            -moz-box-shadow: 0 0 0 0#d30d0d;
            box-shadow: 0 0 0 0#d30d0d;
        }
        70% {
            -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        }
        100% {
            -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        }
    }

    @media  only screen and (max-width: 600px) {
        .rs-menu-call {
                                                                                                                                    right: 11%;
            















        }
    }

    /*end custom button*/</style>`)
document.body.insertAdjacentHTML('afterbegin', `
<div class="rs-menu-call">
    <input type="checkbox" href="#" class="rs-menu-open-call" name="menu-open" id="menu-open"/>
    <label class="rs-menu-open-button rs-pulse" id="label_1" for="menu-open">
        <svg id="phone_icon" style="width: 20px; display:block;!important" aria-hidden="true"
             focusable="false"
             data-prefix="fas"
             data-icon="phone"
             class="svg-inline--fa fa-w-16 rs-heartbeat"
             role="img" xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 512 512">
            <path fill="currentColor"
                  d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z">
            </path>
        </svg>
        <svg style="width: 15px; display:block;!important;" id="x_icon"
             aria-hidden="true"
             focusable="false"
             data-prefix="fas"
             data-icon="times"
             class="svg-inline--fa fa-times fa-w-11 rs-x_button_add"
             role="img" xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 352 512">
            <path fill="currentColor"
                  d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z">
            </path>
        </svg>
    </label>
            <a href="tel:0037369001488" target="_blank" class="rs-menu-item" data-channel="phone_number">
            <svg style="width: 20px; display:block;!important; color:white;" aria-hidden="true"
                 focusable="false"
                 data-prefix="fas"
                 data-icon="phone"
                 class="svg-inline--fa fa-w-16"
                 role="img" xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 512 512">
                <path fill="currentColor"
                      d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z">
                </path>
            </svg>
        </a>
                <a href="mailto:ritusnic888@gmail.com" data-channel="email" class="rs-menu-item">
            <svg style="width: 20px; display:block;!important;" aria-hidden="true"
                 focusable="false"
                 data-prefix="fas"
                 data-icon="envelope"
                 class="svg-inline--fa fa-w-16"
                 role="img" xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 512 512">
                <path fill="currentColor"
                      d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z">
                </path>
            </svg>
        </a>
                    <a href="https://wa.me/+37369001488" target="_blank" data-channel="whatsApp" class="rs-menu-item">
            <svg style="width: 20px; display:block;!important;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp"
                 class="svg-inline--fa fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 448 512">
                <path fill="currentColor"
                      d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path>
            </svg>

        </a>
                <a href="viber://chat?number=+37369001488" target="_blank" data-channel="viber" class="rs-menu-item">
            <svg width="20px" style="display:block;!important;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="viber"
                 class="svg-inline--fa fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 512 512">
                <path fill="currentColor"
                      d="M444 49.9C431.3 38.2 379.9.9 265.3.4c0 0-135.1-8.1-200.9 52.3C27.8 89.3 14.9 143 13.5 209.5c-1.4 66.5-3.1 191.1 117 224.9h.1l-.1 51.6s-.8 20.9 13 25.1c16.6 5.2 26.4-10.7 42.3-27.8 8.7-9.4 20.7-23.2 29.8-33.7 82.2 6.9 145.3-8.9 152.5-11.2 16.6-5.4 110.5-17.4 125.7-142 15.8-128.6-7.6-209.8-49.8-246.5zM457.9 287c-12.9 104-89 110.6-103 115.1-6 1.9-61.5 15.7-131.2 11.2 0 0-52 62.7-68.2 79-5.3 5.3-11.1 4.8-11-5.7 0-6.9.4-85.7.4-85.7-.1 0-.1 0 0 0-101.8-28.2-95.8-134.3-94.7-189.8 1.1-55.5 11.6-101 42.6-131.6 55.7-50.5 170.4-43 170.4-43 96.9.4 143.3 29.6 154.1 39.4 35.7 30.6 53.9 103.8 40.6 211.1zm-139-80.8c.4 8.6-12.5 9.2-12.9.6-1.1-22-11.4-32.7-32.6-33.9-8.6-.5-7.8-13.4.7-12.9 27.9 1.5 43.4 17.5 44.8 46.2zm20.3 11.3c1-42.4-25.5-75.6-75.8-79.3-8.5-.6-7.6-13.5.9-12.9 58 4.2 88.9 44.1 87.8 92.5-.1 8.6-13.1 8.2-12.9-.3zm47 13.4c.1 8.6-12.9 8.7-12.9.1-.6-81.5-54.9-125.9-120.8-126.4-8.5-.1-8.5-12.9 0-12.9 73.7.5 133 51.4 133.7 139.2zM374.9 329v.2c-10.8 19-31 40-51.8 33.3l-.2-.3c-21.1-5.9-70.8-31.5-102.2-56.5-16.2-12.8-31-27.9-42.4-42.4-10.3-12.9-20.7-28.2-30.8-46.6-21.3-38.5-26-55.7-26-55.7-6.7-20.8 14.2-41 33.3-51.8h.2c9.2-4.8 18-3.2 23.9 3.9 0 0 12.4 14.8 17.7 22.1 5 6.8 11.7 17.7 15.2 23.8 6.1 10.9 2.3 22-3.7 26.6l-12 9.6c-6.1 4.9-5.3 14-5.3 14s17.8 67.3 84.3 84.3c0 0 9.1.8 14-5.3l9.6-12c4.6-6 15.7-9.8 26.6-3.7 14.7 8.3 33.4 21.2 45.8 32.9 7 5.7 8.6 14.4 3.8 23.6z"></path>
            </svg>
        </a>
                <a href="https://t.me/+37369001488" target="_blank" data-channel="telegram" class="rs-menu-item">
            <svg style="width: 20px; display:block;!important;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="telegram-plane"
                 class="svg-inline--fa fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 448 512">
                <path fill="currentColor"
                      d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z"></path>
            </svg>
        </a>
        <input type="hidden" id="trackRef" value="a6b34d92-4bb7-462c-a997-bae77d641edd">
</div>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="fixed">
    <defs>
        <filter id="shadowed-goo">
            <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="10"/>
            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo"/>
            <feGaussianBlur in="goo" stdDeviation="3" result="shadow"/>
            <feColorMatrix in="shadow" mode="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 -0.2"
                           result="shadow"/>
            <feOffset in="shadow" dx="1" dy="1" result="shadow"/>
            <feComposite in2="shadow" in="goo" result="goo"/>
            <feComposite in2="goo" in="SourceGraphic" result="mix"/>
        </filter>
        <filter id="goo">
            <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="10"/>
            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo"/>
            <feComposite in2="goo" in="SourceGraphic" result="mix"/>
        </filter>
    </defs>
</svg>`)

document.querySelectorAll('.rs-menu-item').forEach(function (selector) {
selector.addEventListener('click', function (e) {
const channel = e.currentTarget.dataset.channel;
fetch(`https://callball.link/api/channel/${document.querySelector('#trackRef').value}`, {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({channel: channel})
})
})
})