.draft-conflict {
  margin: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--color-warning);
  border-radius: var(--radius-medium);
  background: var(--color-warning-soft);
}

.draft-conflict[hidden] {
  display: none;
}

.draft-conflict-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

@media (max-width: 34rem) {
  .draft-conflict-actions,
  .draft-conflict-actions .button {
    width: 100%;
  }
}