.decode-text {
    width: 100%;
    font-size: 1rem;
    text-align: center;
}
.space {
    display: inline-block;
    width: 10px;
}
.text-animation {
    display: inline-block;
    position: relative;
    color: transparent;
    text-transform: uppercase;
    &:before {
        content: "";
        color: #000000;
        position: absolute;
        top: 50%;
        left: 50%;
        background: rgba(255, 255, 255, 0.05);
        width: 0;
        height: 1.2em;
        -webkit-transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
    }

    &.state-1 {
        &:before {
            width: 1px;
        }
    }
    &.state-2 {
        &:before {
            width: 0.9em;
        }
    }
    &.state-3 {
        color: rgb(255, 129, 129);
        &:before {
            width: 0;
        }
    }
}