/* pressable — scale + dim on touch press
 *
 * Apply the .pressable class (or [data-pressable] attribute) to any tappable
 * element. Press feedback fires instantly (no 300ms tap delay) and undoes on
 * touchend. Stack with any other classes; only :active transform is touched.
 */

.pressable, [data-pressable] {
  transition: transform 90ms cubic-bezier(0.16, 1, 0.3, 1), opacity 90ms;
  -webkit-user-select: none;
  user-select: none;
}
.pressable:active, [data-pressable]:active {
  transform: scale(0.97);
  opacity: 0.85;
}
/* Avoid double-scale on elements that already define their own :active transform */
.btn.pressable:active,
.btn-feed.pressable:active {
  opacity: 0.9;
}