JSFiddle - React, Tailwind, and code Playground

by allcaps

HTML

<div class="field">
  <div class="field__inner">
    <label for="password" class="field__label">
      Name
    </label>
    <input type="text" class="field__input" value="">
    <button class="field__passwordreveal" type="button">
      Click this button!               
    </button>
    <a href="#" class="field__passwordreveal">Button</a>
  </div>
</div>

CSS

.field__inner {
  border: 1px solid #000;
}

.field:focus-within .field__inner {
  border: 1px solid #f00;
}