Show add to favorites in Archive posts / Loop posts

Hi,

i would like to show the Add to favorites Icon Button in the Posts of an Archive page. I am using MB Views for the Loop like this:

{% for post in query.posts %}
<div class="exposee-teaser">
    <figure>
        <a href="{{ post.url }}" class="exposee-teaser-wrapperlink">                  
            <div class="exposee-custom-bg" style="background-image: url('{% set item = attribute( post.thumbnail, 'exposee-teaser' ) %}{{ item.url }}')"></div>                                 
        </a>
    </figure>
    <div class="exposee-teaser--text">
        <a href="{{ post.url }}" ><h4>{{ post.title }}</h4></a>
        <div class="exposee-details">
            <a href="{{ post.url }}" >Details</a>
            [mbfp-button class="custom_class" icon="heart" show_icon="true"]
        </div>
    </div>
</div>
{% endfor %}

But the Shortcode is working for the current Archive page and not every individual Posts in the loop.

Is there a way to achieve this: To get a Favorites button for every post in a loop and the possibility to add an individual post on an archive page to the favorites?

Thanks in advance!

Greetings
Marius