.bs-profile-details, bs-profile-details {
  color: var(--bs-ink-light);
  font-size: var(--bs-text-sm);
}

.bs-profile-details > :where(*), bs-profile-details > :where(*) {
  display: block;
}

.bs-profile-details > :where(.bs-profile-name), bs-profile-details > :where(.bs-profile-name) {
  color: var(--profile-name-color, var(--bs-ink-base));
  text-decoration: var(--profile-name-decoration, none);
}

/* Action button aka Follow toggle. */
.bs-profile-details > :where(button:first-child), bs-profile-details > :where(button:first-child) {
  color: var(--profile-action-color, var(--bs-orange-warning));
  font-size: inherit;
}

/* Action button and optional meta details w/ icon */
.bs-profile-details > :where([data-icon]), bs-profile-details > :where([data-icon]) {
  align-items: normal;
  column-gap: 0.5rem;
  cursor: pointer;
  display: flex;
  font-size: inherit;
}