.strength-test{
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  width:5em;
}


.strength-test__text{
  font-size:0.8em;
}

        .strength-test__circle {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-align: center;
            font-size:0.8em;
            line-height: 40px;
            color: #000;
            margin-top: 10px;
            background: #fff;
            border:1px solid #ccc;
        }

        .strength-test__circle.lv1 {
            background: conic-gradient(
              red 0% 25%,
              white 25% 100%
            );
        }

        .strength-test__circle.lv2 {
            background: conic-gradient(
              yellow 0% 50%,
              white 50% 100%
            );
        }

        .strength-test__circle.lv3 {
            background: conic-gradient(
              lightgreen 0% 75%,
              white 75% 100%
            );
        }

        .strength-test__circle.lv4 {
            background: conic-gradient(
              green 0% 100%
            );
            color: #fff;
        }

.signup-form__inner{
    display:flex;
    margin:auto;
    justify-content:center;
    align-items:center;
}
.signup-form__inner__left{
  flex-basis:400px;
}
.signup-form__inner__right{
  flex-basis:50px;
}
