<div class="flicking-panel relative inline-flex h-[136px] min-w-[120px] desktop:h-[172px] desktop:min-w-[185px] active">
<a class="group gap-x-1 focus:outline-none focus-visible:text-foreground-link ml-2 box-border flex h-full w-[120px] items-center justify-center rounded-sm border border-border-primary bg-white text-foreground-brand hover:text-foreground-brand desktop:w-[180px]" href="https://store-nl.acceptance.store.hycommerce.schippers.cloud/deals/top100-2/varkens">
<div class="flex w-full flex-col items-center gap-y-2 px-1 py-2">
<img alt="Varkens" class="mx-auto h-[80px] w-[80px] object-contain desktop:h-[100px] desktop:w-[100px]" src="https://a.storyblok.com/f/284373/16x16/f0a4725d56/species_pig.svg">
<div class="flex h-8 flex-col desktop:h-9">
<span class="line-clamp-2 text-center">Varkens</span>
</div>
</div>
</a>
</div>
<div class="flicking-panel relative inline-flex h-[136px] min-w-[120px] desktop:h-[172px] desktop:min-w-[185px]">
<a class="group gap-x-1 focus:outline-none focus-visible:text-foreground-link ml-2 box-border flex h-full w-[120px] items-center justify-center rounded-sm border border-border-primary bg-white text-foreground-brand hover:text-foreground-brand desktop:w-[180px]" href="https://store-nl.acceptance.store.hycommerce.schippers.cloud/deals/top100-2/rundvee">
<div class="flex w-full flex-col items-center gap-y-2 px-1 py-2">
<img alt="Rundvee" class="mx-auto h-[80px] w-[80px] object-contain desktop:h-[100px] desktop:w-[100px]" src="https://a.storyblok.com/f/284373/16x16/dfa9fdfc3b/species_dairy.svg">
<div class="flex h-8 flex-col desktop:h-9">
<span class="line-clamp-2 text-center">Rundvee</span>
</div>
</div>
</a>
</div>
<div class="flicking-panel relative inline-flex h-[136px] min-w-[120px] desktop:h-[172px] desktop:min-w-[185px]">
<a class="group gap-x-1 focus:outline-none focus-visible:text-foreground-link ml-2 box-border flex h-full w-[120px] items-center justify-center rounded-sm border border-border-primary bg-white text-foreground-brand hover:text-foreground-brand desktop:w-[180px]" href="https://store-nl.acceptance.store.hycommerce.schippers.cloud/deals/top100-2/pluimvee">
<div class="flex w-full flex-col items-center gap-y-2 px-1 py-2">
<img alt="Pluimvee" class="mx-auto h-[80px] w-[80px] object-contain desktop:h-[100px] desktop:w-[100px]" src="https://a.storyblok.com/f/284373/16x16/8d9b4bc7f0/species_poultry.svg">
<div class="flex h-8 flex-col desktop:h-9">
<span class="line-clamp-2 text-center">Pluimvee</span>
</div>
</div>
</a>
</div>
<div class="flicking-panel relative inline-flex h-[136px] min-w-[120px] desktop:h-[172px] desktop:min-w-[185px]">
<a class="group gap-x-1 focus:outline-none focus-visible:text-foreground-link ml-2 box-border flex h-full w-[120px] items-center justify-center rounded-sm border border-border-primary bg-white text-foreground-brand hover:text-foreground-brand desktop:w-[180px]" href="https://store-nl.acceptance.store.hycommerce.schippers.cloud/deals/top100-2/geiten">
<div class="flex w-full flex-col items-center gap-y-2 px-1 py-2">
<img alt="Geiten" class="mx-auto h-[80px] w-[80px] object-contain desktop:h-[100px] desktop:w-[100px]" src="https://a.storyblok.com/f/284373/16x16/15fe406f5e/species_goat.svg">
<div class="flex h-8 flex-col desktop:h-9">
<span class="line-clamp-2 text-center">Geiten</span>
</div>
</div>
</a>
</div>
<div class="flicking-panel relative inline-flex h-[136px] min-w-[120px] desktop:h-[172px] desktop:min-w-[185px]">
<a class="group gap-x-1 focus:outline-none focus-visible:text-foreground-link ml-2 box-border flex h-full w-[120px] items-center justify-center rounded-sm border border-border-primary bg-white text-foreground-brand hover:text-foreground-brand desktop:w-[180px]" href="https://store-nl.acceptance.store.hycommerce.schippers.cloud/deals/top100-2/schapen">
<div class="flex w-full flex-col items-center gap-y-2 px-1 py-2">
<img alt="Schapen" class="mx-auto h-[80px] w-[80px] object-contain desktop:h-[100px] desktop:w-[100px]" src="https://a.storyblok.com/f/284373/16x16/7b3e0a4c7e/species_sheep.svg">
<div class="flex h-8 flex-col desktop:h-9">
<span class="line-clamp-2 text-center">Schapen</span>
</div>
</div>
</a>
</div>