/* Shared tactile feedback for SCENOO standalone-page controls. */
.primary-link,
.btn-submit,
.request-link,
.gift-cta,
.buy-button,
.modal-close,
.modal-back,
.confirm-button,
.state-link,
.back-link,
.btn-primary,
.star,
.add-btn,
.remove-item,
.creator-cta,
.apply-button,
.video-play,
.submit,
.info-links a,
.back,
a.apply,
.button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition-duration: 80ms;
  transition-property: transform, background-color, color, border-color, box-shadow, filter;
  transition-timing-function: ease;
}

.primary-link:active,
.request-link:active,
.gift-cta.primary:active,
.state-link:active,
.btn-primary:active:not(:disabled),
.creator-cta:active,
.apply-button:active,
a.apply:active,
.button.primary:active,
.btn-submit:active:not(:disabled),
.buy-button:active:not(:disabled),
.confirm-button:active:not(:disabled),
.submit:active:not(:disabled) {
  transform: scale(.96);
  border-color: #1e1a16 !important;
  background: #fff !important;
  color: #1e1a16 !important;
  box-shadow: 0 7px 16px rgba(30, 26, 22, .14) !important;
  filter: none;
}

.gift-cta.secondary:active,
.modal-close:active,
.modal-back:active,
.back-link:active,
.star:active,
.add-btn:active,
.remove-item:active,
.info-links a:active,
.back:active,
.button.secondary:active {
  transform: scale(.97);
  filter: brightness(1.06);
}

.video-play:active {
  transform: translate(-50%, -50%) scale(.96);
  background: #1e1a16;
  color: #fff;
  filter: none;
}

.btn-submit:disabled:active,
.buy-button:disabled:active,
.confirm-button:disabled:active,
.btn-primary:disabled:active,
.submit:disabled:active {
  transform: none;
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  .primary-link:active,
  .btn-submit:active,
  .request-link:active,
  .gift-cta:active,
  .buy-button:active,
  .modal-close:active,
  .modal-back:active,
  .confirm-button:active,
  .state-link:active,
  .back-link:active,
  .btn-primary:active,
  .star:active,
  .add-btn:active,
  .remove-item:active,
  .creator-cta:active,
  .apply-button:active,
  .submit:active,
  .info-links a:active,
  .back:active,
  a.apply:active,
  .button:active {
    transform: none !important;
  }

  .video-play:active {
    transform: translate(-50%, -50%) !important;
  }
}