Объясните, пожалуйста, как показывать только одну кнопку?

Есть несколько карточек, при нажатии на кнопку, она скрывается и появляется текст, затем при нажатии закрыть кнопка опять должна появляться, она появляется, но на всех карточках.
$('.aboutfilm').css('display','inline');
HTML

<div class="card ">
                        <img class="card-img-top" src="img/korolevskii korgi-min.jpeg" alt="Card image cap">
                        <div class="card-img-overlay h-auto d-flex flex-column justify-content-end">
                                <p class="closer">Закрыть</p>
                                <button class="aboutfilm btn text-white">О фильме</button>
                            <div class="test">
                                <p class="card-text">Текст</p>
                            </div>                              
                        </div>                                           
                </div>