Pedido en camino

<article class="uv-kdt"><div class="mp" aria-hidden="true"><svg viewBox="0 0 200 110"><path class="st" d="M0 30h200M0 78h200M46 0v110M120 0v110M168 0v110"/><path class="rt0" d="M22 92 C22 78 46 78 46 64 S70 30 120 30 S168 46 178 18"/><path id="uv-kdt-rt" class="rt" pathLength="1" d="M22 92 C22 78 46 78 46 64 S70 30 120 30 S168 46 178 18"/><animate href="#uv-kdt-rt" attributeName="stroke-dashoffset" values="1;0;0" keyTimes="0;.7;1" dur="6s" repeatCount="indefinite"/><circle class="a" cx="22" cy="92" r="5"/><circle class="b" cx="178" cy="18" r="6"/><g class="mo"><circle r="10"/><g transform="translate(-6 -6) scale(.5)" fill="none" stroke="#fff" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="17" r="3"/><circle cx="18" cy="17" r="3"/><path d="M6 17h6l3-6h3M9 11h4M15 11l-2-4h-2"/></g><animateMotion dur="6s" repeatCount="indefinite" keyPoints="0;1;1" keyTimes="0;.7;1" calcMode="linear" path="M22 92 C22 78 46 78 46 64 S70 30 120 30 S168 46 178 18"/></g></svg></div><div class="tx"><p class="et"><b>12 min</b> <span>Llegada estimada 21:42</span></p><h3>Tu pedido está en camino</h3><ol><li class="ok">Preparado</li><li class="nw">En camino</li><li>Entregado</li></ol></div></article>