Я использую безопасный фильтр, чтобы позволить работать встроенному тегу html, но он воздействует на кнопку под ним. Я пытался использовать escape-фильтр в сочетании с безопасным, но, похоже, ничего не получалось.
<p class="card-text"> {{ post.text | truncatewords:200 | safe | escape}} </p>
<a href="{% url 'detail_post' post.id %}" class="btn btn-primary"> Read More → </a>
Это результат:

когда это должно быть: 