Button code won't work

Hello! I’ve been trouble-shooting this, and can’t find out why the link for this button in the widget won’t work. Is there a reason that the button code works in a page or a blog post, but not in a widget? Could you help, and provide the code that will work? Thanks so much. Here is the code I have, and the link: http://e50.4da.myftpupload.com/tim-carr-captures-breathtaking-views-in-the-appenzell-region-of-the-swiss-alps/

The button is in the block on the top of the right column. It reads “Learn More” with a light bulb. Here is the code in the widget:

<div style=”border: 1px solid Lightgray; padding: 20px;”>
<h6></h6>
<h6 style=”text-align: center;”><span style=”font-size: 16pt; font-family: avenir-light;”>A Thousand Different Colors</span>
<span style=”font-family: avenir-light;”> is the creative community for everyone.</span></h6>
<p style=”text-align: center;”><span style=”font-family: avenir-light;”>This is the place to show your creative work, get connected, and discover ways to make a lasting difference in the world.
</span></p>
[vc_btn title="Learn more" style="custom" custom_background="rgba(64,110,135,0.9)" custom_text="#ffffff" shape="square" size="xs" align="center" i_icon_fontawesome="fa fa-lightbulb-o" add_icon="true" btn_link="http://audreywoodhams.com/"]

</div>

Again, the code is here…

<div style=”border: 1px solid Lightgray; padding: 20px;”>
<h6></h6>
<h6 style=”text-align: center;”><span style=”font-size: 16pt; font-family: avenir-light;”>A Thousand Different Colors</span>
<span style=”font-family: avenir-light;”> is the creative community for everyone.</span></h6>
<p style=”text-align: center;”><span style=”font-family: avenir-light;”>This is the place to show your creative work, get connected, and discover ways to make a lasting difference in the world.
</span></p>
[vc_btn title="Learn more" style="custom" custom_background="rgba(64,110,135,0.9)" custom_text="#ffffff" shape="square" size="xs" align="center" i_icon_fontawesome="fa fa-lightbulb-o" add_icon="true" btn_link="http://audreywoodhams.com/"]

</div>

I just was able to copy code from another button that works. Apparently, the link code was wrong, although I don’t understand why the link needs to be so convoluted. At any rate, the code that works is here:

<div style=”border: 1px solid Lightgray; padding: 20px;”>
<h6></h6>
<h6 style=”text-align: center;”><span style=”font-size: 16pt; font-family: avenir-light;”>A Thousand Different Colors</span>
<span style=”font-family: avenir-light;”> is the creative community for everyone.</span></h6>
<p style=”text-align: center;”><span style=”font-family: avenir-light;”>This is the place to show your creative work, get connected, and discover ways to make a lasting difference in the world.
</span></p>
[vc_btn title="Learn more" style="custom" custom_background="rgba(64,110,135,0.9)" custom_text="#ffffff" shape="square" size="xs" align="center" i_icon_fontawesome="fa fa-lightbulb-o" add_icon="true" link="url:http%3A%2F%2Fe50.4da.myftpupload.com%2Fabout%2F||target:%20_blank|"]

</div>