.status-badge {
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  font-size: 90%;
  display: inline-block;
  background-color: var(--color-gray-100);
}

.status-badge--outline {
  border: 2px solid var(--color-gray-100);
  background-color: transparent;
}

.status-badge--study--unassigned {
  background-color: var(--color-gray-100);
}

.status-badge--study--assigned {
  background-color: var(--color-blue-100);
}

.status-badge--study--in_progress {
  background-color: #ffd23f7a;
}

.status-badge--study--done {
  background-color: #1ec7767d;
}


.status-badge--user--approved {
  background-color: #1ec7767d;
}
.status-badge--user--in_review {
  background-color: #ffd23f7a;
}
.status-badge--user--rejected {
  background-color: var(--color-red-100);
}