.WaawContainer {
   
    position: absolute;
    top: 600px;
    left: -125px;
    margin-bottom:60px;
    width:777px;
}
.Newbtn {
   width:100%;
    display: inline-block;
    padding: 12px 25px;
    background-color: #fff;
    font-family: "Roboto",Roboto-Bold,Helvetica,Arial,sans-serif;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.41);
    color: #fff !important;
    background-color: #5dcaf0;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
  
    transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out,border-radius 0.4s ease-in-out;
}
.WaawArrow {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 60px;
    color: #fff;
    transition:all 0.4s ease-in-out;
    transform: rotate(-40deg);
    animation: ArrowPulse 4s ease;
}
@keyframes ArrowPulse {
    0% {
        transform: scale(0);
        transform: rotate(-40deg);
    }
    50%{transform:scale(1.9);

    }

    100% {
        transform: scale(1);
        transform: rotate(-40deg);
    }
}
.Newbtn:hover {
    color: #5dcaf0 !important;
    background-color: #fff;
    border-radius: 15px;
    text-shadow: none;
    cursor: pointer;
}
    .Newbtn:hover ~ .WaawArrow {
        color: #5dcaf0 !important;
    }
    @media(max-width:822px) {
        .WaawContainer {
            width: 727px;
            left: -100px;
        }
    }
@media(max-width: 768px)
{
    .WaawContainer {
        top: 1005px;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }
}