Custom icon for portfolio pagination arrows?

Does anyone know how to format custom CSS to change the arrow icons and location for portfolio pagination? I've been able to add previous and next and remove the basic arrows, but I'd prefer to have slimmer arrows above the project title instead of having previous and next.

Link to site: https://www.dbender-creative.com/workplace/leadership-alignment

I've attached an image of what the pagination looks like now and a couple of images showing the icon style I'd like to have instead. For clarification, I'd like the arrow to sit above the project title in place of previous/next.

@tuanphan This seems like something you'd be able to answer in a flash. 🙂

On 5/23/2023 at 9:50 PM, BenderDC said:

@tuanphan This seems like something you'd be able to answer in a flash. 🙂

Can you send new arrow images? I will give you code to add them to pagination

@tuanphan Thank you! I've attached PNGs for a left and right arrow.

22 hours ago, BenderDC said:

@tuanphan Thank you! I've attached PNGs for a left and right arrow.

Add to Design > Custom CSS

a.item-pagination-link.item-pagination-link--prev .item-pagination-prev-next:before {
    content: "";
    background-image: url(https://content.invisioncic.com/p289038/monthly_2023_05/SlimArrow-Left.png.160374ad8d239709f3f136f5102f6c1f.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 50px;
    height: 10px;
}
a.item-pagination-link.item-pagination-link--next .item-pagination-prev-next:after {
    content: "";
    background-image: url(https://content.invisioncic.com/p289038/monthly_2023_05/SlimArrow-Right.png.11d77ad9f9a290c9de22a7227598f031.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 50px;
    height: 10px;
}