.rovqr-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
}

.rovqr-qrwrap {
  display: inline-block;
}

.rovqr-qrcanvas canvas,
.rovqr-qrcanvas img {
  display: block;
  height: auto;
  max-width: 100%;
}

.rovqr-btn {
  border: 0;
  padding: .6rem 1rem;
  border-radius: .75rem;
  font-size: .95rem;
  cursor: pointer;
}

.rovqr-form {
  display: grid;
  gap: .75rem;
  max-width: 520px;
}

.rovqr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
}

.rovqr-form input[type="text"],
.rovqr-form input[type="number"],
.rovqr-form select {
  width: 100%;
  padding: .5rem .6rem;
  border: 1px solid #d1d5db;
  border-radius: .5rem;
}