.confirmation-dialog__panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
}

.confirmation-dialog__context {
  font-weight: var(--font-weight-semibold);
}

.confirmation-dialog__title {
  color: var(--color-action-danger);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-black);
}

.confirmation-dialog__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-md);
  margin-block-start: var(--space-xl);
}

.confirmation-dialog__actions > *,
.confirmation-dialog__actions .button {
  max-inline-size: 100%;
}