project-bocian/theme/view/home.php

<div id="smad-page-home" class="container-fluid">
    <a class="btn btn-primary" id="p5-bocian-btn-new-report" href="index.php?_route=UrlAction_Bocian#PRACOWNICY" title="Nowy raport">
        <div>NOWY RAPORT</div>
        <img class="p5-bocian-btn-new-report__img_default" src="<?= $this->asset("assets/images/button-red.png"); ?>"/>
        <img class="p5-bocian-btn-new-report__img_hover" src="<?= $this->asset("assets/images/button-red-border.png"); ?>"/>
    </a>
</div>
<style type="text/css">
#smad-page-home { padding-bottom:128px; padding-top:128px; text-align:center }

#p5-bocian-btn-new-report { padding: 18px 110px; font-size: 18px; font-weight: 900; border-width:2px; border-color:#d7142d }
#p5-bocian-btn-new-report div { padding-bottom:8px; font-size:24px }
#p5-bocian-btn-new-report,
#p5-bocian-btn-new-report div { background-color:#fff; color:#d7142d }
/* #p5-bocian-btn-new-report div { background-color:#d7142d; color:#fff; } */
#p5-bocian-btn-new-report .p5-bocian-btn-new-report__img_default { display:inline }
#p5-bocian-btn-new-report .p5-bocian-btn-new-report__img_hover { display:none }
#p5-bocian-btn-new-report:hover,
#p5-bocian-btn-new-report:hover div { background-color:#fff; color:#d7142d }
#p5-bocian-btn-new-report:hover .p5-bocian-btn-new-report__img_default { display:none }
#p5-bocian-btn-new-report:hover .p5-bocian-btn-new-report__img_hover { display:inline }
</style>

<?= UI::h('script', ['src'=>"static/vendor.js?v=71baa97d", 'type'=>"text/javascript"]); ?>
<?php Router::getRoute('UrlAction_Bocian')->viewIncludeStoreJs($storeName = 'bocianRaportStore'); ?>
<script type="text/javascript">
var globalRaportStore;
$(document).ready(function() {
  if (!window['bocianRaportStore']) throw "Missing store";
  var globalRaportStore = window['bocianRaportStore'];
  globalRaportStore.dispatch({ type: 'CLEAR_ALL' });
  <?php
  // var unsubscribe = globalRaportStore.subscribe(function () {
  //   var state = globalRaportStore.getState();
  // })
  ?>
});
</script>