JSFiddle - React, Tailwind, and code Playground

HTML

こういう文章中に、例えば <a href="link-A" class="amazon pc-show">PC用リンク</a><a href="link-B" class="amazon pc-hide">モバイル用リンク</a> こんなリンクがあったとして

CSS

.amazon {
  background-color: #111;
  color: #fff;
  padding: 0 2px;
}

.pc-show {
  display: inline-block;
}
.pc-hide {
  display: none;
}

@media screen and (max-width: 48em) {
  .pc-show {
    display: none;
  }
  .pc-hide {
    display: inline-block;
  }
}