.NewBtnContainer {
    position: relative;
    font-size: 30px;
    text-transform: uppercase;
    padding: 25px 100px;
    border: 2px solid #fff;
    display: inline-block;
    color: #fff;
    box-shadow: 4px 4px 4px #fff;
    transition: all 0.4s ease-in-out;
    width: 100%;
    text-align: center;
    background-color: #45a3cd;
    background-image: url(../funkids/img/seriesLogo.png);
    background-size: 15%;
    background-position: right 12px bottom 6px;
    background-repeat: no-repeat;
}
@media(max-width:822px) {
    .NewBtnContainer {
        background-position: right 12px bottom 9px;
    }
}
@media(max-width:800px)
{
    .NewBtnContainer {
        background-size: 120px;
        background-position: right 12px bottom 5px;
    }
}
@media(max-width:622px) {
    .NewBtnContainer {
        background-size: 100px;
        background-position: right 12px bottom 11px;
    }
}
@media(max-width:518px) {
    .NewBtnContainer {
        background-size: 100px;
        background-position: right 13px bottom 28px;
        font-size:32px;
    }
}
@media(max-width:416px) {
    .NewBtnContainer {
        background-image: none;
       
    }
}
    .NewBtnContainer:hover {
        box-shadow: 0px 0px 0px #fff;
        cursor:pointer;
        border-radius:5px;
    }
        .NewBtnContainer:hover .Ball1, .NewBtnContainer:hover .Ball2 {
            background-color: #89e65c;
        }
    .Ball1, .Ball2 {
        position: absolute;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-color: red;
        border-radius: 50%;
        transition: all 0.4s ease-in-out;

    }
.Ball1 {
    top: 8%;
    left: 10px;
    animation: Ball1 6s ease-in-out infinite;
}
.Ball2 {
    bottom: 5px;
    animation: Ball2 6s ease-in-out infinite;
}

@keyframes Ball1 {
    0% {
        top: 8%;

     
    }
    7%
    {
        top:12%
    }
    14% {
        top: 8%
    }
    40% {
        top: calc(100% - 40px);
    }
    47% {
        top: calc(100% - 48px);
    }

    55% {
        top: calc(100% - 40px);
     
    }

    100% {
        top: 8%;
    }
}

@keyframes Ball2 {
    0% {
        right: calc(100% - 40px);
    }
    7% {
        right: calc(100% - 60px);
    }
    18% {
        right: calc(100% - 40px);
    }

    40% {
        right: 2%;
        
    }
    47%
    {
right:4%;
    }
    55% {
        right: 2%;
    }

    100% {
        right: calc(100% - 40px);
    }
}
.NewBtnDesc
{
    font-size:12px;
   display:block;
    text-align:center;
}