JSFiddle - React, Tailwind, and code Playground

HTML

<div class="labeledInput">
  <input type="text">
  <div class="labeledInput">
    <label class="right">XD</label>
  </div>
</div>

SCSS

.labeledInput > input:focus + .labeledInput > label.right {
  color: red;
  
  &:after {
    content: 'DDDDDDDDDDDD'
  }
}