.shakebtn {
    animation: shake 4s ease infinite;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
}
.change {
    width: 100%;
    float: right;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 50%), 0 4px 10px 0 rgb(0 0 0 / 50%)
}
    .change:hover {
        width: 100%;
        float: right;
        border-radius: 50%;
        background-color: #fff200;
        box-shadow: 0 4px 16px 0 rgb(0 0 0 / 50%), 0 4px 10px 0 rgb(0 0 0 / 50%)
    }

@keyframes shake {
    0% {
        transform: translate(0,0)
    }

    1.78571% {
        transform: translate(5px,0)
    }

    3.57143% {
        transform: translate(0,0)
    }

    5.35714% {
        transform: translate(5px,0)
    }

    7.14286% {
        transform: translate(0,0)
    }

    8.92857% {
        transform: translate(5px,0)
    }

    10.71429% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(0,0)
    }
}
