.confirmation-backdrop {
  z-index: 30;
  background: #10251fe0;
}

.confirmation-modal {
  width: min(440px, calc(100vw - 32px));
  padding: clamp(22px, 4vw, 34px);
}

.confirmation-modal h2 {
  margin-top: 8px;
  font-size: clamp(23px, 5vw, 30px);
}

.confirmation-modal > p {
  margin-top: 10px;
}

.confirmation-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 22px;
}

.confirmation-actions button {
  min-height: 38px;
}

.confirmation-actions .confirmation-danger {
  border-color: #9b5146;
  background: linear-gradient(145deg, #a85c4f, #854239);
}

@media (max-width: 420px) {
  .confirmation-actions button {
    flex: 1;
    padding-inline: 9px;
  }
}