#qr-code {
  display: inline;
  padding: 20px 0 0;
  margin-left: 37%;
  text-align: center;
  width: 150px;
  height: 150px;
  border-radius: 5px;
  cursor: pointer;
}

#texto {
  width: 100px;
  height: 25px;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  background: var(--cor-0);
  border: none;
  color: var(--cor-11);
}

.copiar-pix {
  width: 60px;
  height: 30px;
  border-radius: 5px;
  border: none;
  color: var(--cor-0);
  background: var(--cor-p1);
}

.copiar-pix:hover {
  background: linear-gradient(#ffb60d, #e59317);
  transition: 1.2s;
}

.introducao-grid {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

@media (max-width: 400px) {
  #qr-code {
    display: inline;
    padding: 20px 0 0;
    text-align: center;
    margin: auto;
    width: 90px;
    height: 90px;
    border-radius: 5px;
    cursor: pointer;
  }

  .header-bg {
    padding: 0px;
  }

  .footer {
    display: flex;
    margin: auto;
    width: 100px;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 32px;
  }

  .copiar-pix:hover {
    background: linear-gradient(#ffb60d, #e59317);
    transition: 1.2s;
  }
}