.m-motion-button{isolation:isolate;position:relative}.m-arrow{--arrow-x:50%;--arrow-y:-50%;vertical-align:middle;flex:none;width:24px;height:24px;display:inline-block;overflow:hidden}.m-arrow--right{--arrow-x:100%;--arrow-y:0%}.m-arrow--left{--arrow-x:-100%;--arrow-y:0%}.m-arrow--down{--arrow-x:0%;--arrow-y:100%}.m-arrow-main,.m-arrow-repeat{transform-box:view-box;transform-origin:50%;transition:transform .3s cubic-bezier(.445,.05,.55,.95),opacity .3s cubic-bezier(.445,.05,.55,.95)}.m-arrow-main{opacity:1;transform:translate(0)scale(1)}.m-arrow-repeat{transform:translate(calc(-1 * var(--arrow-x)), calc(-1 * var(--arrow-y))) scale(.75);opacity:0}@media (hover:hover){:where(a,button,[data-arrow-trigger]):hover>.m-arrow .m-arrow-main,:where(a,button,[data-arrow-trigger]):hover .m-arrow .m-arrow-main{transform:translate(var(--arrow-x), var(--arrow-y)) scale(.75);opacity:0}:where(a,button,[data-arrow-trigger]):hover .m-arrow .m-arrow-repeat{opacity:1;transform:translate(0)scale(1)}}:where(a,button,[data-arrow-trigger]):focus-visible .m-arrow .m-arrow-main{transform:translate(var(--arrow-x), var(--arrow-y)) scale(.75);opacity:0}:where(a,button,[data-arrow-trigger]):focus-visible .m-arrow .m-arrow-repeat{opacity:1;transform:translate(0)scale(1)}:where(button:disabled,[aria-disabled=true]) .m-arrow .m-arrow-main{opacity:1;transform:none}:where(button:disabled,[aria-disabled=true]) .m-arrow .m-arrow-repeat{display:none}@media (prefers-reduced-motion:reduce){.m-arrow-main,.m-arrow-repeat{transition:none}:where(a,button,[data-arrow-trigger]) .m-arrow .m-arrow-main{opacity:1;transform:none}:where(a,button,[data-arrow-trigger]) .m-arrow .m-arrow-repeat{display:none}}