<div class="py-4"> 
    <div class="portfolio__card position-relative w-100 text-center p-4 pb-5">
        <figure class="icon d-flex justify-content-center align-items-center rounded-circle border mx-auto mb-md-4"> 
            <img 
                src="<?= $icon ?>" 
                alt="<?= $title ?>"
                class="img-fluid"
                width="64" height="64"
            >
        </figure>
        <h3 class="fs-4 fw-medium"><?= $title ?></h3>
        <a href="<?= $link ?>" class="link d-flex justify-content-center align-items-center rounded-circle border position-absolute start-50 translate-middle-x"> 
            <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 24 24"><path fill="none" stroke="#010A2B" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 7h10m0 0v10m0-10L7 17"/></svg> 
        </a>
    </div>
</div>