a.badge-page-link {
  text-decoration: none;
}

.badges-list {
  .with-times-icon::before {
    font-size: 0.875rem;
    margin-right: 1px;
  }
  .with-check-icon {
    color: var(--clr-green-40);
    margin-right: 0.25rem;
  }
  .badge {
    margin-right: 0.125rem;
  }
  td {
    padding: 0.125rem 0 0.25rem;
  }
}

.badge {
  align-items: center;
  background: var(--badge-bg);
  border-radius: var(--badge-border-radius);
  border: var(--badge-border);
  color: var(--badge-text-color);
  display: inline-flex;
  height: var(--badge-height);
  padding: var(--badge-padding);
  text-decoration: none;
  white-space: nowrap;
  &::before {
    margin-right: 0.25rem;
  }
}

.badges-page {
  p {
    margin: 0 0 0.25rem;
  }
  table {
    margin: 0.5rem 0;
  }
}
