{% if not error %}
<style>
#revolut-pay-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 99999;
  cursor: pointer;
}

#revolut-pay-overlay img {
  width: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
}
</style>
<script src="catalog/view/javascript/revolut_helper.js"></script>
<script src="https://{{ js_domain_source }}.revolut.com/embed.js" id="revolut-core-js"></script>
<div id="revolut-pay-field"></div>
<div id="revolut-pay-error" class="text-danger text-center"></div>
<div id="revolut-pay-overlay"><img src=""></div>
<script src="catalog/view/javascript/revolut_pay.js" id="revolut-pay-js"></script>
{% else %}
<div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error }}</div>
{% endif %}