.otp-wrapper {
  display: flex;

  justify-content: center;

  gap: 12px;

  direction: ltr;

  margin-bottom: 20px;
}

.otp-input {
  width: 55px;

  height: 65px;

  border-radius: 14px;

  border: 1px solid #3b2d58;

  background: #0f0b1f;

  color: #fff;

  font-size: 30px;

  font-weight: bold;

  text-align: center;

  transition: 0.25s;
}

.otp-input:focus {
  outline: none;

  border-color: #ff9800;

  box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.15);
}

.otp-input:hover {
  border-color: #ff9800;
}