/* Press states for touch screens, where :hover never fires. Loaded per page via extra_css. */
a,
button,
summary {
  -webkit-tap-highlight-color: rgba(37, 99, 235, 0.18);
}

a:active,
button:active,
summary:active {
  opacity: 0.7;
}

.pv-btn,
.sx-btn {
  transition: transform 0.12s ease, opacity 0.12s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.pv-btn:active,
.sx .sx-btn:active,
.sx a.sx-btn:active,
.sx button.sx-btn:active,
.pv-header button:active {
  opacity: 0.85;
  transform: scale(0.97);
}

.sx .sx-related a:active {
  transform: scale(0.98);
  border-color: #2563eb;
  background: #edf3f8;
  opacity: 1;
}

.sx-faq summary:active,
.pv-cost-faq summary:active {
  background: rgba(37, 99, 235, 0.08);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .pv-btn:active,
  .sx .sx-btn:active,
  .sx a.sx-btn:active,
  .sx button.sx-btn:active,
  .pv-header button:active,
  .sx .sx-related a:active {
    transform: none;
  }
}