:root{--btn-arrow-svg:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='square'%3E%3Cpath%20d='M18%2018%206%206'/%3E%3Cpath%20d='M6%206h8'/%3E%3Cpath%20d='M6%206v8'/%3E%3C/svg%3E");--btn-arrow-pass-duration:.75s;--btn-arrow-pass-easing:cubic-bezier(.65, .05, .36, 1);--btn-arrow-gap:3px}:is(.btn,.product-order-btn){--btn-arrow-size:64px;font-size:20px}.btn-sm{--btn-arrow-size:56px}.product-order-btn{--btn-arrow-size:54px}:is(.btn,.product-order-btn):has(>.btn-arrow){margin-inline-end:calc(var(--btn-arrow-size) + var(--btn-arrow-gap))}.btn.btn-block:has(>.btn-arrow){width:calc(100% - (var(--btn-arrow-size) + var(--btn-arrow-gap)))}.btn.hero-menu-btn:has(>.btn-arrow){transform:translateX(calc(-50% - ((var(--btn-arrow-size) + var(--btn-arrow-gap)) / 2)));margin-inline-end:0}:is(.btn,.product-order-btn) .btn-arrow{aspect-ratio:1;width:auto;transform:translateX(calc(-100% - var(--btn-arrow-gap)));background-color:var(--button-base,var(--color-maroon));color:var(--button-ink,#fff);top:0;bottom:0;border-radius:50%;place-items:center;transition:background-color .3s;display:grid;position:absolute;inset-inline-end:0;overflow:hidden}html[dir=ltr] :is(.btn,.product-order-btn) .btn-arrow{transform:translateX(calc(100% + var(--btn-arrow-gap)))}.btn .btn-arrow{top:-2px;bottom:-2px}.btn-outline .btn-arrow{background-color:var(--color-maroon)}:is(.btn,.product-order-btn):is(:hover,:focus-visible) .btn-arrow{background-color:var(--button-fill,var(--color-maroon-dark))}:is(.btn,.product-order-btn) .btn-arrow-mark{width:42%;height:42%;-webkit-mask:var(--btn-arrow-svg) center / contain no-repeat;-webkit-mask:var(--btn-arrow-svg) center / contain no-repeat;-webkit-mask:var(--btn-arrow-svg) center / contain no-repeat;mask:var(--btn-arrow-svg) center / contain no-repeat;background-color:currentColor}@keyframes btn-arrow-pass{0%,6%{opacity:0;transform:translate(220%,220%)}22%{opacity:1}46%,62%{opacity:1;transform:translate(0)}84%{opacity:1}to{opacity:0;transform:translate(-220%,-220%)}}:is(.btn,.product-order-btn):is(:hover,:focus-visible) .btn-arrow-mark{animation:btn-arrow-pass var(--btn-arrow-pass-duration) var(--btn-arrow-pass-easing) infinite}@media (width<=640px){:is(.btn,.product-order-btn):has(>.btn-arrow){white-space:normal;text-align:center}}@media (prefers-reduced-motion:reduce){:is(.btn,.product-order-btn):is(:hover,:focus-visible) .btn-arrow-mark{animation:none}}
