@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

.lb-reg-send-code {
    position: relative;
    height: 40px;
    cursor: pointer;
    overflow: hidden;
}

    .lb-reg-send-code::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background: #e7da0a;
        opacity: 0.8;
    }

    .lb-reg-send-code.progress::before {
        animation: progress 120s ease-in-out forwards;
       
    }

@keyframes progress {
    0% {
        left: -100%;
    }
  
    10% {
       /* left: var(--progress10);*/
       left:-80%;
        background-color:aqua;
    }

    /*20% {
        left: var(--progress20);
        background-color:chartreuse;
    }

    30% {
        left: var(--progress30);
        background-color:crimson;
    }

    40% {
        left: var(--progress40);
    }

    50% {
        left: var(--progress50);
    }

    60% {
        left: var(--progress60);
    }

    70% {
        left: var(--progress70);
    }

    80% {
        left: var(--progress80);
    }

    90% {
        left: var(--progress90);
    }*/

    100% {
        left: 0%;
    }
}


/*@keyframes progress {
    0% {
        left: -100%;
    }

    10% {
        left: -90%;
    }

    20% {
        left: -80%;
    }

    30% {
        left: -70%;
    }

    40% {
        left: -60%;
    }

   
    50% {
        left: -50%;
    }

    60% {
        left: -40%;
    }

    70% {
        left:-30%;
    }

    80% {
        left: -20%;
    }

    90% {
        left: -10%;
    }

    100% {
        left: 0%;
    }
}
*/
/*.lb-reg-send-code .text-icon {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .lb-reg-send-code .text-icon i,
    .lb-reg-send-code .text-icon span {
        position: relative;
        color: #fff;*/
       /* font-size: 26px;*/
    /*}

    .lb-reg-send-code .text-icon span {*/
       /* font-size: 20px;
        font-weight: 400;
        margin-left: 8px;*/
    /*}*/