<style>
    .supsystic-container .bundleMessageShell {
        background-color: #ffffff;
        padding: 10px 10px 0 10px;
        margin-bottom: -20px;
    }
    .supsystic-container .bundleMessage {
        border: 3px solid #52bac5;
        text-align: center;
        padding: 10px;
        vertical-align: middle;
    }
    .supsystic-container .bundleMessage .text {
        font-size: 21px;
        line-height: 28px;
        vertical-align: middle;
    }
    .supsystic-container .bundleMessage .text a {
        color: #52bac5;
    }
    .supsystic-container .bundleMessage .button {
        height: 40px !important;
        line-height: 40px !important;
        font-size: 17px !important;
        background-color: #52bac5 !important;
        border: none!important;
        color: #fff !important;
        padding: 0 26px!important;
        margin-left: 20px;
        vertical-align: middle;
    }
</style>
<div class="bundleMessageShell">
    <div class="bundleMessage">
        <span class="text">{{ environment.translate('Upgrade to bundle and get an access to <a href="%s" target="_blank">all 14 plugins</a> more than 80%% off!') |format(bundlePageLink)|raw }}</span>
        <a href="{{ buyLink }}" class="button" target="_blank">{{ environment.translate('Buy Now') }}</a>
    </div>
</div>
