.tx-dly-product-test {
    .step {
        padding: .4rem .8rem;
        border: solid 1px rgba(0, 0, 0, 0.59);
        width: fit-content;
        margin-bottom: .5rem;
        border-radius: .5rem;
        opacity: .5;

    }

    .step-active, .step-completed, .step-wait {
        opacity: 1;
        display: flex;
        align-items: center;
        gap: .7rem;

        &:before {
            content: "";
            background-image: url("../Icons/form.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            height: 1.3rem;
            aspect-ratio: 1;
        }
    }

    .step-completed {
        border: none;
        background-color: #20993f;
        color: #fff;

        &:before {
            background-image: url("../Icons/check.svg");
        }
    }

    .step-wait {
        border: none;
        background-color: rgba(0, 0, 0, 0.1);

        &:before {
            background-image: url("../Icons/clock.svg");
        }
    }
}