marquee add clickable link and fixed to top

[xnyjyh]

Im trying to add the marquee bar as a clickable link and fix to top of header How can I achieve this?

My code is below - 

<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/cdn/index.min.js"></script>
<div class='marqTOP'>
<div id="node-marqueeTOP">
  <span>EMPOWERING INDIGENOUS FUTURES&nbsp;&nbsp;<img src="https://cdn.shopify.com/s/files/1/0564/3046/1030/files/arrows_x_white.svg?v=1711223622" width="18" style="margin-bottom:-6px;">&nbsp;&nbsp;OVER 325 DONATIONS TO DATE&nbsp;&nbsp;<img src="https://cdn.shopify.com/s/files/1/0564/3046/1030/files/CEDAR_-_white.svg?v=1725517662" width="18" style="margin-bottom:-4px;"></span>
</div>
</div>
<style>
  .marqTOP{
  border-top: none;
  border-bottom: none;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#a10000;
  color:#ffffff;
  font-size:14px;
  font-family: work sans;
  font-weight:400;
  letter-spacing:0.06rem;
  }
</style>
<script>
nodeMarquee({
    parent: '#node-marqueeTOP',
    speed: -0.6
});
</script>

[xnyjyh]

my code works fine... it is put into custom liquid block and work that way. i just need what and where to add in to my existing code. Tanks