/* Shared public-site button motion, including buttons created in CKEditor. */
:root {
  --button-motion-duration: 360ms;
  --button-motion-easing: cubic-bezier(.2, .7, .3, 1);
}
:where(#main-wrapper, .site-footer, #header) :is(a.oles-button, a.oles-button-outline, .btn, .button, input[type="submit"], .oles-carousel-controls button, .navbar-toggler, .accordion-button) {
  transition: color var(--button-motion-duration) var(--button-motion-easing), background-color var(--button-motion-duration) var(--button-motion-easing), border-color var(--button-motion-duration) var(--button-motion-easing), box-shadow var(--button-motion-duration) var(--button-motion-easing), background-position var(--button-motion-duration) var(--button-motion-easing);
}
:where(#main-wrapper, .site-footer) :is(a.oles-button, a.oles-button-outline)::after,
.oles-carousel-controls button::before {
  translate: 0 0;
  transition: translate var(--button-motion-duration) var(--button-motion-easing);
}
:where(#main-wrapper, .site-footer, #header) :is(a.oles-button, a.oles-button-outline, .btn, .button, input[type="submit"], .oles-carousel-controls button, .navbar-toggler, .accordion-button):focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 5px;
}
@media (hover: hover) and (pointer: fine) {
  :where(#main-wrapper, .site-footer, #header) :is(a.oles-button, a.oles-button-outline, .btn, .button, input[type="submit"], .navbar-toggler, .accordion-button):not(:disabled):not([aria-disabled="true"]):hover {
    border-color: currentColor;
  }
  :where(#main-wrapper, .site-footer) :is(a.oles-button, a.oles-button-outline):hover::after,
  .oles-carousel-controls button:not(:disabled):hover::before { translate: 4px 0; }
  .oles-carousel-controls button:first-child:not(:disabled):hover::before { translate: -4px 0; }
  .paragraph--bp-webform :is(input, button)[type="submit"]:not(:disabled):hover { background-position: right calc(1.5rem - 4px) center; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --button-motion-duration: 0ms; }
  :where(#main-wrapper, .site-footer, #header) :is(a.oles-button, a.oles-button-outline, .btn, .button, input[type="submit"], .navbar-toggler, .accordion-button):hover { translate: none; }
  :where(#main-wrapper, .site-footer) :is(a.oles-button, a.oles-button-outline):hover::after,
  .oles-carousel-controls button:not(:disabled):hover::before,
  .oles-carousel-controls button:first-child:not(:disabled):hover::before { translate: none; }
  .paragraph--bp-webform :is(input, button)[type="submit"]:not(:disabled):hover { background-position: right 1.5rem center; }
}