@import '../../variables.scss';

.otp_input_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px;
  @media (max-width: 700px) {
    gap: 8px;
  }

  .input {
    transition: all 0.3s;
    outline: 0;
    // box-shadow: $light_shadow;
    // border: 1px solid #1B1A4E;
    border: none;
    border-radius: 85px;
    background-color: #dad9d9;
    width: 60px;
    height: 60px;
    text-align: center;
    &:focus {
      // box-shadow: $light_shadow;

      border: 1px solid #1b1a4e;
    }

    @media (max-width: 700px) {
      width: 30px;
      height: 30px;
    }
  }
}