/* Small controls share the launch button's lift, without changing their skin. */
:is(.filter-btn,.btn-small,.work-button:not([data-close]),.launcher-gear) {
  transform-origin: center;
  transition: transform 180ms cubic-bezier(.2,.8,.2,1),
    box-shadow 180ms ease, background-color 180ms ease,
    border-color 180ms ease, color 180ms ease, opacity 160ms ease;
}
@media (hover: hover) {
  :is(.filter-btn,.btn-small,.work-button:not([data-close]),.launcher-gear):not(:disabled):not([aria-disabled="true"]):hover {
    transform: translateY(-1.5px) scale(1.03);
    box-shadow: 0 4px 10px #14234224;
  }
}
:is(.filter-btn,.btn-small,.work-button:not([data-close]),.launcher-gear):not(:disabled):not([aria-disabled="true"]):focus-visible {
  outline: 2px solid var(--work-accent,var(--accent,#4f8fff));
  outline-offset: 2px;
  transform: translateY(-1.5px) scale(1.03);
  box-shadow: 0 4px 10px #14234224;
}
:is(.filter-btn,.btn-small,.work-button:not([data-close]),.launcher-gear):not(:disabled):not([aria-disabled="true"]):active {
  transform: translateY(0) scale(.98);
  box-shadow: 0 1px 3px #1423421a;
  transition-duration: 90ms;
}
:is(.filter-btn,.btn-small,.work-button:not([data-close]),.launcher-gear):is(:disabled,[aria-disabled="true"]) {
  transform: none;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  :is(.filter-btn,.btn-small,.work-button:not([data-close]),.launcher-gear) {
    transition: none !important;
    transform: none !important;
  }
}