Как изменить курсор при наведении курсора, если у меня есть вложенные элементы div?

Question

Я пытаюсь изменить круг, который следует за курсором при наведении на на этом сайте так же, как я делал для разделов навигационной панели, но как я могу это сделать, когда курсор находится на проекте карты?

Когда у меня есть только один div, я работаю так:

a: hover ~ #cursor {

width: 30px; 
height: 30px;
border: 0;
background: #1d00bd;
opacity: 60%; 

}

Но что если у меня есть больше вложенных div? Курсор должен измениться при наведении

<div class="row bottom-space">
        <div class="col-12 col-md-6 col-lg-4">
            <a href="pages/pagename.html">
                <div class="portfolio-content">
                    <figure>
                        <img src="images/image.jpg">
                    </figure>

                    <div class="entry-content flex flex-column align-items-center justify-content-center">
                        <h3>Title</h3>

                        <ul class="flex flex-wrap justify-content-center">
                            <li>Tag,</li>
                            <li>Another tag</li>
                        </ul>

                    </div><!-- .entry-content -->
                </div><!-- .portfolio-content -->
            </a>
        </div><!-- .col -->
    </div>

Я действительно не могу понять.