.kaspi-button {
    background: #fff;
    border: 3px solid #c8151d;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 8px 10px rgba(238, 28, 37, 0.6);
    cursor: pointer;
    height: 68px;
    width: 68px;

    position: fixed;
    right: 5%;
    bottom: calc(5% + 82px);
    z-index: 9999;
    transition: .3s;
    -webkit-animation: kaspiHoverWave linear 1s infinite;
    animation: kaspiHoverWave linear 1s infinite;
}

.kaspi-button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 8px;
    box-sizing: border-box;
}

@-webkit-keyframes kaspiHoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(238,28,37,0.3), 0 0 0 0 rgba(238,28,37,0.2), 0 0 0 0 rgba(238,28,37,0.2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(238,28,37,0.3), 0 0 0 15px rgba(238,28,37,0.2), 0 0 0 0 rgba(238,28,37,0.2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(238,28,37,0.3), 0 0 0 30px rgba(238,28,37,0), 0 0 0 26.7px rgba(238,28,37,0.067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(238,28,37,0.3), 0 0 0 30px rgba(238,28,37,0), 0 0 0 40px rgba(238,28,37,0.0)
    }
}

@keyframes kaspiHoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(238,28,37,0.3), 0 0 0 0 rgba(238,28,37,0.2), 0 0 0 0 rgba(238,28,37,0.2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(238,28,37,0.3), 0 0 0 15px rgba(238,28,37,0.2), 0 0 0 0 rgba(238,28,37,0.2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(238,28,37,0.3), 0 0 0 30px rgba(238,28,37,0), 0 0 0 26.7px rgba(238,28,37,0.067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(238,28,37,0.3), 0 0 0 30px rgba(238,28,37,0), 0 0 0 40px rgba(238,28,37,0.0)
    }
}