.button.order-button-motion,.audio-comparison .comparison-order.order-button-motion{gap:0;max-width:100%}
.order-button-arrow{display:flex;align-items:center;justify-content:flex-end;flex:none;width:0;min-width:0;overflow:hidden;opacity:0;transform:translateX(-6px);transition:width .28s var(--ease),opacity .18s ease-out,transform .28s var(--ease)}
.order-button-arrow :is(img,svg){width:var(--button-arrow-size,22px);height:var(--button-arrow-size,22px);max-width:none;flex:none}
.button-primary .order-button-arrow img{filter:brightness(0) invert(1)}
.comparison-order{--button-arrow-size:18px;--button-arrow-space:30px}
.order-button-motion:not(:disabled):not([aria-disabled=true]):focus-visible .order-button-arrow{width:var(--button-arrow-space,36px);opacity:1;transform:translateX(0)}
@media(hover:hover) and (pointer:fine){.order-button-motion:not(:disabled):not([aria-disabled=true]):hover .order-button-arrow{width:var(--button-arrow-space,36px);opacity:1;transform:translateX(0)}}
@media(max-width:760px){.comparison-order{--button-arrow-size:16px;--button-arrow-space:24px}}
@media(prefers-reduced-motion:reduce){.order-button-arrow{transition:none;transform:none}}