#dashboard {
  .with-button {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
    align-items: start;

    & > :last-child {
      flex-basis: 250px;
      flex-grow: 1;
    }

    & > :first-child {
      flex-basis: 0;
      flex-grow: 999;
      min-inline-size: 60%;
    }
  }

  .dangerzone[open] { border-color: red }

  input, .btn { width: 100% }
  label { font-weight: var(--font-weight-medium) }
  input:not(.btn) {
    display: block;
    max-width: 400px;
  }
  input:not(:last-of-type) { margin-bottom: calc(var(--spacing) * 4) }
}