.row-actions,
.card-actions,
.delete-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.row-actions form,
.card-actions form,
.delete-actions form {
  margin: 0;
}

.delete-button {
  border-color: #7e1424;
  font-weight: 800;
}

.archive-heading {
  margin-bottom: 18px;
}

.archive-heading h2,
.archive-heading p {
  margin: .2rem 0;
}

.test-label {
  display: inline-flex;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #efe4b6;
  color: #654c00;
  font: 700 .7rem/1.4 system-ui, sans-serif;
  vertical-align: middle;
}

@media (max-width: 700px) {
  .button,
  button {
    min-height: 50px;
    min-width: 96px;
    font-size: 16px;
  }

  .card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .card-actions .button,
  .card-actions form,
  .card-actions button,
  .delete-actions button {
    width: 100%;
  }

  .delete-actions {
    display: grid;
  }
}