/* Shared public CTA feedback: retain accepted dimensions, colors and destinations. */
html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease, background-color 180ms ease;
}
html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button)::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 25%, #ffffff26 45%, #ffffff42 50%, transparent 72%);
  transform: translateX(-140%);
}
html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button) > :is(span:not(.home-button-ripple), svg) {
  transition: transform 220ms cubic-bezier(.2,.8,.2,1);
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button):not(:disabled):not([aria-disabled="true"]):hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 22px -8px #195bfa80, inset 0 0 0 1px #ffffff30;
  }
  html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button):not(:disabled):not([aria-disabled="true"]):hover::before {
    transform: translateX(140%);
    transition: transform 620ms cubic-bezier(.2,.6,.3,1);
  }
  html:not([data-cl-motion-disabled]) body .approved-banner .cta:hover > span:not(.home-button-ripple) { transform: translate(3px,-3px); }
  html:not([data-cl-motion-disabled]) body .cl-categories .cta:hover > span:not(.home-button-ripple) { transform: translateX(4px); }
  html:not([data-cl-motion-disabled]) body :is(.primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button):hover > svg { transform: translateX(4px); }
}
html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button):focus-visible {
  outline: 3px solid #082b63;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px white;
}
html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button):not(:disabled):not([aria-disabled="true"]):active {
  transform: translateY(1px) scale(.975);
  transition-duration: 80ms;
  box-shadow: inset 0 2px 6px #09212d36;
}
html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button) > .home-button-ripple {
  position: absolute;
  pointer-events: none;
  margin: 0;
  padding: 0;
  left: var(--ripple-x);
  top: var(--ripple-y);
  width: var(--ripple-size);
  height: var(--ripple-size);
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff10 30%, #ffffff55 65%, #ffffff00 72%);
  animation: home-button-ripple 600ms ease-out both;
}
@keyframes home-button-ripple {
  from { transform: translate(-50%,-50%) scale(0); opacity: .9; }
  to { transform: translate(-50%,-50%) scale(1); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button),
  html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button):hover,
  html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button):active,
  html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button) > :is(span, svg) {
    transform: none;
    transition: none;
  }
  html:not([data-cl-motion-disabled]) body :is(.approved-banner .cta, .cl-categories .cta, .primary-button, .nav-cta, .light-button, a.button, button.button, .product-actions button, .knowledge-filter button, .public-search button)::before,
  html:not([data-cl-motion-disabled]) body .home-button-ripple { display: none; }
}