.community-list-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 0 14px;
}

.community-list-heading p { color: var(--community-green); font-size: .75rem; font-weight: 800; }
.community-list-heading h2 { margin-top: 3px; font-size: 1.5rem; }
.community-list-heading > span { color: #718078; font-size: .8125rem; }
.role-general { background: #edf5e5; color: #4f6c39; }
.role-prospective { background: #f3edff; color: #69519a; }

@media (max-width: 650px) {
  .community-list-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
}