.l_form {
  width: 100%;
  backdrop-filter: blur(7px);
  display: flex;
  flex-direction: column;
  margin-top: .5rem;
  gap: 2rem;

  font-size: medium;
}

.input_box {
  background-color: var(--input-box);
  border-radius: 2rem;
  height: 3.5rem;
}

.sms_box {
  width: 100%;
  position: relative;
  display: flex;
  height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  opacity: 1;
  gap: 1rem;

  & .input {
    flex: 0.65;
    height: 100%;
    min-width: 1rem;
    padding-left: 1rem;
    border-radius: 2rem;
    border: none;
    background-color: var(--input-box);
    color: var(--header);
    font-weight: 600;

    &::placeholder {
      font-weight: 500;
      color: var(--header);
      opacity: 0.6;
    }
  }

  & .otp_btn {
    flex: 0.35;
    min-width: 3rem;
    height: 3.5rem;
    font-size: 1.13rem;
    font-weight: 700;
    color: #fff;
    border-radius: 90rem;
    box-shadow: inset 0rem 0.13rem 4rem 0rem rgba(0, 0, 0, 0.1);
    // background: linear-gradient(180.00deg, rgba(8, 199, 115, 1) 10%, rgba(0, 150, 84, 1) 100%);
    background: linear-gradient(180.00deg, rgba(246, 195, 27, 1),rgba(232, 151, 6, 1) 100%);

    &:disabled {
      cursor: not-allowed;
      background: linear-gradient(180.00deg, rgba(178, 178, 178, 1), rgba(147, 147, 147, 1) 100%);
    }

    &.cd_timer {
      color: #fff;
      background: linear-gradient(180.00deg, rgba(178, 178, 178, 1), rgba(147, 147, 147, 1) 100%);
    }
  }
}

.login_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  font-size: 1.13rem;
  font-weight: 700;
  height: 3.5rem;
  min-height: 2.75rem;
  color: #fff;
  border-radius: 90rem;
  box-shadow: inset 0rem 0.13rem 4rem 0rem rgba(0, 0, 0, 0.1);
  background: linear-gradient(180.00deg, rgba(7, 199, 115, 1) 24%, rgba(1, 153, 86, 1) 100%);
  user-select: none;
  cursor: pointer;
  transition: transform .2s cubic-bezier(.36, .66, .04, 1);
  text-transform: capitalize;

  &:disabled {
    background: linear-gradient(180.00deg, rgba(178, 178, 178, 1) 5%, rgba(147, 147, 147, 1) 100%);
  }

  &.btn_enable {
    background: linear-gradient(180.00deg, rgba(178, 178, 178, 1) 5%, rgba(147, 147, 147, 1) 100%);
  }
}