.initials--full-name-container { 
  width: fit-content;
  display: flex;
  align-items: center;
  flex-direction: flex-start;
  gap: .5rem;
}

.intials--text {
  color: white;
  font-variation-settings: 'wght' var(--text-medium);
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;

  &[data-size="xs"] {
    font-size: var(--rem-8);
  }

  &[data-size="sm"] {
    font-size: var(--rem-9);
  }
}