.my-withdraw-main-container {
  display: flex;
  justify-content: center;
  gap: 32px;
}

.my-withdraw-pix-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  width: 480px;
  height: 750px;

  border: 4px solid #fcfcc7;
  border-radius: 10px;

  background: linear-gradient(180deg, #310102 0%, #741a22 50%, #330002 100%);
}

.my-withdraw-pix-container.no-pix-key {
  text-align: center;
}

.my-pix-no-pix-key-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;

  height: 100%;
  padding: 0 32px;
}

.my-no-pix-key-qr-code-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.my-no-pix-key-qr-code-instruction {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.my-pix-no-pix-key-container.register-key {
  justify-content: space-evenly;
}

.my-pix-no-pix-key-container .register-key-warning {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.my-withdraw-pix-container.my-not-input-step {
  height: 672px;
}

.my-pix-container-input-component .my-btn {
  padding: 8px 16px;
}

.my-pix-container-input-component .my-btn::before {
  background: linear-gradient(180deg, #af0000 0%, #78000a 72.6%, #6c1018 100%);
}

.my-pix-container-input-component.my-pix-key-input {
  display: flex;
  gap: 16px;
}

.my-pix-container-input-rules {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: -webkit-fill-available;
}

.my-pix-container-input-rules .my-pix-container-input-rules-limits {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.my-pix-container-input-container.my-confirm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  width: 100%;
  height: 100%;

  margin: 32px 0 38px 0;
}

.my-pix-container-input-rules.my-confirm,
.my-pix-container-input-confirmation.my-confirm {
  text-align: center;
}

.my-pix-container-input-rules.my-confirm span,
.my-pix-container-input-confirmation.my-confirm span {
  font-size: 20px;
}

.my-pix-container-input-confirmation.my-confirm span {
  line-height: 1.2;
}

.my-pix-container-input-container .my-pix-confirm-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;

  margin-top: 32px;
}

.my-pix-container-input-container.my-error {
  align-items: center;
  text-align: center;
}

.my-pix-container-input-container.my-success {
  align-items: center;
  text-align: center;
  justify-content: space-between;
}

.my-pix-container-input-container.my-success span {
  line-height: 1.2;
}

.my-pix-confirm-header.my-success {
  gap: 64px;
}

.my-pix-container-input-container.my-loading {
  justify-content: center;
  align-items: center;
  gap: 32px;

  height: 100%;
  width: 100%;
}

.my-pix-withdraw-numeric-keyboard-container {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 321px;
  height: 750px;

  border: 4px solid #fcfcc7;
  border-radius: 10px;

  background: linear-gradient(180deg, #310102 0%, #741a22 50%, #330002 100%);
}

.my-pix-numeric-keyboard.withdraw-keyboard {
  margin-top: 150px;
}

.my-pix-img-title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.my-pix-container-info.pix-key-not-from-cpf {
  height: 686px;
  justify-content: space-between;
  padding: 32px;
  text-align: center;
}

.my-pix-container-btn.withdraw-btn {
  min-width: fit-content;
}

@media (max-width: 1200px) {
  .my-withdraw-main-container {
    margin-top: 300px;
  }

  .my-pix-withdraw-numeric-keyboard-container {
    height: 762px;
  }

  .my-pix-numeric-keyboard.withdraw-keyboard {
    margin-top: 170px;
  }
}