.actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 760px) {
  main > header {
    align-items: flex-start;
    gap: 12px;
  }

  .actions {
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
  }

  .actions .primary,
  .actions .secondary,
  .actions .link-button {
    flex: 1 1 140px;
    min-height: 44px;
    text-align: center;
  }

  .actions .user-pill {
    flex: 1 0 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 480px) {
  .actions .primary,
  .actions .secondary,
  .actions .link-button {
    flex-basis: 100%;
  }
}