<link href=“c5.patreon.com/external/fonts/gt-america.css” rel=“stylesheet” type=“text/css”> <link href=“c6.patreon.com/widget.css” rel=“stylesheet” type=“text/css”> <link rel=“stylesheet” type=“text/css” href=“fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,500,700,700italic,900,900italic”>

<style> ._2KV-widgets-shared–patreonWidgetWrapper {

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;

}

.hNJHmD:active {

background-color: rgb(229, 72, 49);

}

.hNJHmD:hover {

background-color: rgb(231, 81, 59);

}

.hNJHmD {

backface-visibility: hidden;
background-color: rgb(232, 91, 70);
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-weight: 500;
position: relative;
pointer-events: unset;
text-align: center;
text-transform: none;
user-select: none;
white-space: unset;
width: 100%;
color: rgb(255, 255, 255) !important;
font-size: 0.875rem !important;
border-radius: 9999px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
padding: 0.5rem 0.75rem;
text-decoration: none;
transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;

}

.bDCJxk {

-webkit-box-align: center;
align-items: center;
box-sizing: border-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
padding-top: 0rem;
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
margin-top: 0rem;
margin-right: 0rem;
margin-bottom: 0rem;
margin-left: 0rem;
visibility: visible;
transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;

}

.hnTNrw {

align-self: center;
-webkit-box-align: center;
align-items: center;
display: inline-flex;
filter: none;
cursor: unset;
vertical-align: unset;
height: unset;
width: unset;

}

.gBDeVU {

width: 0.75rem;
height: 1px;

}

.ZmzLr, .ZmzLr svg {

height: 12px;
width: 12px;

}

.ZmzLr {

display: flex;

}

.ZmzLr svg {

align-self: center;
fill: transparent;
stroke-width: 1.2px;

}

.ZmzLr svg * {

vector-effect: non-scaling-stroke;
transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;

}

.ZmzLr svg [data-color=“1”], .ZmzLr svg [data-fill=“1”] {

fill: rgb(255, 255, 255);

}

.ZmzLr svg [data-color=“2”], .ZmzLr svg [data-fill=“2”] {

fill: rgb(5, 45, 73);

}

.button-text {

font-family: 'America', 'GT America', 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
color: white;

} </style>

<div>

<div class="_2KV-widgets-shared--patreonWidgetWrapper">
    <div class="">
        <div class="s16n3jhk-0 cTHxSM">
            <a color="primary" class="sc-hMqMXs hNJHmD" tabindex="0" type="button" href="" role="button" target="_blank">
                <div display="flex" class="sc-cSHVUG bDCJxk">
                    <div class="sc-ckVGcZ hnTNrw"><span class="sc-dxgOiQ ZmzLr"><svg viewBox="0 0 569 546" xmlns="http://www.w3.org/2000/svg"><g><circle data-fill="1" id="Oval" cx="362.589996" cy="204.589996" r="204.589996"></circle><rect data-fill="2" id="Rectangle" x="0" y="0" width="100" height="545.799988"></rect></g></svg></span></div>
                    <div class="sc-hSdWYo gBDeVU"></div>
                    <div class="button-text">#{caption}</div>
                </div>
            </a>
            <script>
                // https://www.patreon.com/bePatron?u=18277220&amp;redirect_uri=http%3A%2F%2F127.0.0.1%3A4000%2Fes%2F&amp;utm_medium=widget
                // $(document).ready(function() { $(".sc-hMqMXs.hNJHmD").attr("href", "https://www.patreon.com/bePatron?u=#{pid}&amp;redirect_uri=" + escape(window.location.href) + "&amp;utm_medium=widget"); });
                document.addEventListener("DOMContentLoaded", function(event) {
                    var url = "https://www.patreon.com/bePatron?u=#{pid}&amp;redirect_uri=" + escape(window.location.href) + "&amp;utm_medium=widget";
                    document.getElementsByClassName("sc-hMqMXs")[0].setAttribute("href", url);
                });
            </script>
        </div>
    </div>
</div>

</div>