<p class="billingo-p">{{ text | esc_html_translate }}
    <br>
    <a href="{{ esc_url(pdfLink) }}"
       class="billingoButton"
       target="_blank">
        {{ btnText | esc_html_translate }}
    </a>
</p>
<style>
    .billingoButton {
        background-color:#77b55a;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        border:1px solid #4b8f29;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Arial;
        font-size:18px;
        font-weight:bold;
        padding:16px 24px !important;
        text-decoration:none;
        text-shadow:0px 1px 0px #5b8a3c;
        margin-top: 12px;
    }
    .billingoButton:hover {
        background-color:#72b352;
    }
    .billingoButton:active {
        position:relative;
        top:1px;
    }
</style>