お世話になっております。ヘッダーについてご質問がございます。

SWELLサイトのように、ヘッダーに「購入する」ボタンを置きたいのですが、

html

<div class="c-mvBtn -btn-n">
  <a href="https://store.herscbd.jp" class="c-mvBtn__btn">
   <i class="icon-shopping_cart"></i> CBD製品を購入する
  </a>
</div>

追加CSS

.l-header__inner .c-mvBtn{
margin: 0;
}
.l-header__inner .c-mvBtn__btn{
padding: .5em 1.5em;
}

とした時に、スクロールすると「購入する」ボタンがずれてしまいます。

サイトは https://herscbd.jp でございます。

https://u.swell-theme.com/community/swell-bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e5%86%85%e3%80%8c%e8%b3%bc%e5%85%a5%e3%81%99%e3%82%8b%e3%80%8d%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%ae%e8%83%8c%e6%99%af%e3%81%8c/#post-464

上記なども拝見しておりますが、解決せず...お手隙の際にご教示いただけますと幸いです。