.code-input {
  display       : flex;
  flex-direction: column;
  align-items   : start;
}

.code-label {
  margin-bottom: 16px;
}

.code-inputs {
  display        : flex;
  justify-content: start;
  align-items    : center;
}

.code-inputs input {
  background-image  : none;
  background-color  : transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
  text-align        : center;
  height            : 100px;
  width             : 40px;
  border-radius     : 10px;
  margin            : 0 20px;
  border            : 1px solid #4f5b66;
  font-size         : 38px;
  width             : 100%;
}

.code-inputs input:focus {
  outline: none;
}
@media(max-width:620px) {
  .code-inputs input{
    margin: 0 5px;
  }
}
@media(max-width:480px) {
  .code-inputs input{
    height: 70px;
    margin: 0 5px;
  }
}