.user-bulk-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  border-top: 1px solid var(--line);
  background: #f8fbf9;
}

.user-bulk-actions label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}

.user-bulk-actions input,
.user-delete-check {
  width: 17px;
  height: 17px;
  accent-color: var(--green);
}

.user-bulk-actions span {
  margin-right: auto;
  color: var(--muted);
  font-size: 13px;
}

.user-row > div:first-of-type {
  position: relative;
}

.user-delete-check {
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}

.user-row.has-delete-check > div:first-of-type {
  padding-left: 30px;
}

@media (max-width: 600px) {
  .user-bulk-actions {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .user-bulk-actions span {
    width: 100%;
    order: 3;
  }
}