.split-before {
  display: inline;
  position: relative;
}
.split-before::before {
  content: attr(data-prefix);
  color: var(--primary);
  font-style: italic;
}
.split-after {
  display: inline;
  position: relative;
}
.split-after::after {
  content: attr(data-prefix);
  color: var(--primary);
  font-style: italic;
}

/*Better Approach*/
.emphasis {
  color: var(--primary);  /* what .text--primary already does */
  font-style:italic;           /* what .text--italic already does */
	font-weight:300;
}
.emphasis--plain{
	color:inherit;
	font-style:italic;
	font-weight:300;
}