Default 

  •         {% include "@Components/navigations/cart-navigation/cart-navigation.twig" with {props: {
  prev: {
    title: "Zpět",
    url: "#back",
  },
  next: {
    title: "Pokračovat na další krok",
    url: "#next"
  },
}} %}

      
  •           

<nav class="n-cart d-flex gap-1 justify-content-between flex-wrap flex-sm-nowrap">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline   --animation-left  --icon-only" href='#back' title="Zpět">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m.704 6.235 4.654-4.653 1.137 1.137-4.392 4.393L16 7.136v1.61L2.054 8.722l4.56 4.559-1.138 1.137-4.772-4.77a2.417 2.417 0 0 1 0-3.413Z"/></svg>      </span>
    </span>
  
  </a>
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary   --animation-right       ms-auto flex-grow-1" href='#next'>
      <span class="btn__title u-z-index-1">
      Pokračovat na další krok
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m15.296 6.235-4.653-4.653-1.138 1.137 4.392 4.393L0 7.136v1.61l13.946-.024-4.56 4.559 1.138 1.137 4.772-4.77a2.417 2.417 0 0 0 0-3.413Z"/></svg>      </span>
    </span>
  
  </a>
</nav>

Button "next" only 

  •         {% include "@Components/navigations/cart-navigation/cart-navigation.twig" with {props: {
  next: {
    title: "Pokračovat na další krok",
    url: "#next"
  },
}} %}

      
  •           

<nav class="n-cart d-flex gap-1 justify-content-between flex-wrap flex-sm-nowrap">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary   --animation-right       ms-auto flex-grow-1" href='#next'>
      <span class="btn__title u-z-index-1">
      Pokračovat na další krok
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m15.296 6.235-4.653-4.653-1.138 1.137 4.392 4.393L0 7.136v1.61l13.946-.024-4.56 4.559 1.138 1.137 4.772-4.77a2.417 2.417 0 0 0 0-3.413Z"/></svg>      </span>
    </span>
  
  </a>
</nav>

Buttons with auto width 

  •         {% include "@Components/navigations/cart-navigation/cart-navigation.twig" with {props: {
  width_auto: true,
  prev: {
    title: "Zpět",
    url: "#back",
  },
  next: {
    title: "Pokračovat na další krok",
    url: "#next"
  },
}} %}

      
  •           

<nav class="n-cart d-flex gap-1 justify-content-between flex-wrap flex-sm-nowrap">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline   --animation-left  --icon-only" href='#back' title="Zpět">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m.704 6.235 4.654-4.653 1.137 1.137-4.392 4.393L16 7.136v1.61L2.054 8.722l4.56 4.559-1.138 1.137-4.772-4.77a2.417 2.417 0 0 1 0-3.413Z"/></svg>      </span>
    </span>
  
  </a>
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary   --animation-right       ms-auto" href='#next'>
      <span class="btn__title u-z-index-1">
      Pokračovat na další krok
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m15.296 6.235-4.653-4.653-1.138 1.137 4.392 4.393L0 7.136v1.61l13.946-.024-4.56 4.559 1.138 1.137 4.772-4.77a2.417 2.417 0 0 0 0-3.413Z"/></svg>      </span>
    </span>
  
  </a>
</nav>