.danger,
.danger-outline {
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 750;
  padding: 10px 15px;
}

.danger {
  border: 1px solid #981b24;
  background: #981b24;
  color: #fff;
}

.danger:hover {
  background: #741219;
}

.danger:disabled {
  cursor: wait;
  opacity: .55;
}

.danger-outline {
  border: 1px solid #c9a8aa;
  background: #fff;
  color: #981b24;
}

.danger-outline:hover {
  border-color: #981b24;
  background: #fff7f7;
}

.detail-actions.split {
  justify-content: space-between;
}

.detail-actions > div,
.dialog-foot > div {
  display: flex;
  gap: 8px;
}

.confirm-dialog {
  width: min(520px, calc(100% - 28px));
}

.confirm-wrap {
  padding: 28px;
}

.confirm-wrap h2 {
  margin: 6px 0 4px;
}

.confirm-wrap > p:not(.overline) {
  color: var(--muted);
}

.confirm-order {
  color: var(--ink) !important;
  font-weight: 800 !important;
}

.confirm-warning {
  margin-top: 18px;
  padding: 13px 15px;
  border-left: 4px solid var(--red);
  border-radius: 7px;
  background: #fff3f3;
  color: #681117;
}

@media (max-width: 720px) {
  .detail-actions.split {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .detail-actions.split > div {
    justify-content: flex-end;
  }

  .dialog-foot {
    flex-wrap: wrap;
  }
}