I've created a custom theme override for views-view-fields.html.twig to views-view-fields--about-us.html.twig which is a listing of members on a site and the code I've used is as follows:
{{ fields.field_photo.content }}
<div class="caption">
<h4>{{ fields.title.content }}</h4>
<p class="em">{{ fields.field_job_title.content }}</p>
<a class="btn btn-primary btn-block" href="{{ path }}">{{ 'Learn More'|t }}</a>
</div>
However, when I view the page, the only thing not working is the link to the content. The "Learn More" is supposed to go to each persons full bio, but instead, all that it links to is the current page/view.
Is {{ path }} not the correct code to use as the URL? I've tried numerous other solutions that I thought I found on this site for it but it either doesn't work or breaks my site.
EDIT 1:
When I try No Sssweat's answer from below, which I had tried before, I get the following issues:
Extra bit of code is printed below the button like the image below:
And, this is what the code looks like when you hover over the link: