.confirmation {
  width: 600px;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding-bottom: 50px;
}

.fa-check {
  font-size: 4rem;
}

.fa-xmark {
  font-size: 4rem;
}

.text-fail {
  --bs-text-opacity: 1;
  color: #e03100;
}

.confirmation button {
  padding: 8px 40px;
}

.btn-outline-secondary1 {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e03100;
  --bs-btn-hover-border-color: #e03100;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.root {
  min-height: 100vh;
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

header {
  min-height: 72px;
}

footer {
  min-height: 60px;
}

@media (max-width: 768px) {
  .confirmation {
    width: 100%;
  }
}