Thanks so much @kenwestphal for this code, ·i've just used this solution on my site and it worked perfectly.
One thing that might help others to make this work is, with this code:
<div class="sqs-block button-block sqs-block-button"> <a href="#" data-featherlight="#bio-john" class="sqs-block-button-element--medium sqs-block-button-element">Learn About John</a> </div>
The part that says:
, you need to replace "#" with //cdn.rawgit.com/noelboss/featherlight/1.3.2/release/featherlight.min.css