CSS help with the breadcrumb

Hi there,

I need help on the CSS part for the blog post bread crumb, I need it to be like normal link, not like the ones I use the following css for only blog post links, I am thinking just select the blog post part, but I dont know how to do it, the link is in the private information box, thanks for helping:

/* Blog Post link Style */
:is(.entry-content,.dynamic-content-template,.content-area) ul li {
    padding-top: 10px;
}
.single-post :is(.entry-content, .dynamic-content-template) a:not(.gb-button) {
    color: black;
    font-weight: 600;
    box-shadow: inset 0 -0.2em #e6d8ff;
    transition: box-shadow 0.2s ease-in;
}
.single-post :is(.entry-content, .dynamic-content-template) a:not(.gb-button):hover {
    box-shadow: inset 0 -1em #e6d8ff;
}
/*table of content*/
#page .simpletoc ul.simpletoc-list li a {
    font-size:16px ;
    font-weight: 400;
    box-shadow:unset ;
}