.tx-scope .tx-dispute-center {
  position: fixed;
  z-index: 80;
  inset-block-start: calc(var(--tx-header-height, 4rem) + var(--tx-s3));
  inset-inline-end: var(--tx-s4);
  width: min(28rem, calc(100% - (2 * var(--tx-s4))));
  display: grid;
  gap: var(--tx-s2);
}

.tx-scope .tx-dispute-alert {
  display: grid;
  gap: var(--tx-s2);
  padding: var(--tx-s4);
  border: 1px solid var(--tx-danger);
  border-radius: var(--tx-r-lg);
  color: var(--tx-text);
  background: var(--tx-surface);
  box-shadow: var(--tx-shadow-3);
}

.tx-scope .tx-dispute-alert__head,
.tx-scope .tx-dispute-alert__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tx-s3);
}

.tx-scope .tx-dispute-alert p { margin: 0; }

@media (max-width: 520px) {
  .tx-scope .tx-dispute-center {
    inset-block-start: auto;
    inset-block-end: var(--tx-s3);
    inset-inline: var(--tx-s3);
    width: auto;
  }

  .tx-scope .tx-dispute-alert__head,
  .tx-scope .tx-dispute-alert__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .tx-scope .tx-dispute-alert__actions .tx-btn { width: 100%; }
}