Being Touched

is the user hovering, focusing or activating elements

.btn:hover          { background: var(--brand); }
.btn:focus-visible  { outline: 2px solid; }
.btn:active         { scale: .98; }