@keyframes shockwaveJump {
    0% {
        transform: scale(1)
    }

    40% {
        transform: scale(1.08)
    }

    50% {
        transform: scale(.98)
    }

    55% {
        transform: scale(1.02)
    }

    60% {
        transform: scale(.98)
    }

    to {
        transform: scale(1)
    }
}
@keyframes shockwave {
    0% {
        transform: scale(1);
        box-shadow: 0 0 2px #ff7400a6,inset 0 0 1px #ff7400f2
    }

    95% {
        box-shadow: 0 0 16px #ff740026,inset 0 0 16px #ff740026
    }

    to {
        transform: scale(1.3)
    }
}
@keyframes rowup {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-300px,0,0)
    }
}
@keyframes marquee {
    0% {
        left: 100%;
    }
    100% {
        left: -100%;
    }
}

.nav-item-btn {
    width: 100px;
    height: 40px;
    color: #000;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    border: none;
    padding: 0;
    position: relative;
    outline: none;
    margin:0px 10px;
}
.nav-item-btn2 {
    width: 40px;
    height: 40px;
    border: none;
    padding: 0;
    position: relative;
    outline: none;
    background: url(./images/Language.svg) no-repeat center center / 62%;
}
.btn--shockwave.is-active {
    color: #fff;
    background: #ff7400;
    animation: shockwaveJump 1s ease-out infinite
}

.btn--shockwave.is-active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 8px;
    animation: shockwave 1s .65s ease-out infinite
}

.btn--shockwave.is-active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 8px;
    animation: shockwave 1s .5s ease-out infinite
}