.otp-container{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: .382em;
    width:calc(100% - 2 * .382em);
    height:calc(100% - 2 * .382em);
    max-width: 100%;
    padding:.382em;
}

.input-wrong{
    border:3px solid #f1536e
}

.otp-container input{
    padding:4px;
    height:calc( 100% - 8px);
    outline: none;
    border:2px solid #6e6e6e;
    border-radius: 4px;
    font-weight: bolder;
    font-size: 1.5em;;
    min-height: 64px;
    text-align: center;
    max-width: 40px;
    width:100%;
}

.hidden{
    display: none !important;
}

.otp-container input:focus{

    border:2px solid #641ffb;
}