/* Action attention: one shared, restrained cue for the primary action above the navigation.
   Targets only the action buttons (never dock, summary, nav or inline card buttons). */
/* All routes mirror their source action into this one visible button. The
   invoice/payment source buttons are visually hidden; do not animate copies. */
html body #moka-bottom-bar .moka-action__button:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])::before{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
 background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%) no-repeat;
 background-size:250% 100%;background-position:130% 0;opacity:0;
  animation:aa-sheen 8s .5s ease-in-out infinite both}
html body #moka-bottom-bar .moka-action__button:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])::after{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
 box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);opacity:0;animation:aa-edge .9s .15s ease-out 2 both}
html body .store-shell .purchase-dock-button::after{animation:none}
html body #moka-bottom-bar .moka-action__button:is(:focus-visible,:active)::before,
html body #moka-bottom-bar .moka-action__button:is(:focus-visible,:active)::after{animation-play-state:paused}
@keyframes aa-sheen{0%,2%{background-position:130% 0;opacity:0}4%{opacity:1}18%{opacity:1}22%,100%{background-position:-30% 0;opacity:0}}
@keyframes aa-edge{0%,100%{opacity:0}40%{opacity:1}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){html body #moka-bottom-bar .moka-action__button::before,html body #moka-bottom-bar .moka-action__button::after{animation:none!important;opacity:0!important}}