@vcl/vcl/button/demo/example-pointer-states.html

The whole VCL in one package

<button type="button" class="button">
  <div class="icogram">
    <span class="text">No pointer influence</span>
  </div>
</button>

<button type="button" class="button hovered">
  <div class="icogram">
    <span class="text">Hovered</span>
  </div>
</button>

<button type="button" class="button pressed">
  <div class="icogram">
    <span class="text">Pressed</span>
  </div>
</button>

<button type="button" class="button focused">
  <div class="icogram">
    <span class="text">Focused</span>
  </div>
</button>

<button type="button" class="button active">
  <div class="icogram">
    <span class="text">Active</span>
  </div>
</button>