Merhabalar, hayırlı bayramlar herkese..

<style type="text/css"> body {
  font-family: "Work Sans";
}

p {
  font-size: 21px;
  font-weight: 100;
  animation: hello 0.5s ease-in-out infinite;
  text-align: center;
  right: 201px;
  position: absolute;
  top: 27px;
  color: white;
}

@keyframes hello {
  0% {
    font-weight: 500;
  }
  50% {
    font-weight: 900;
  }
  100% {
    font-weight: 500;
  }
} </style>


<p>Anında Bilgi ve Fiyat Hattı:  0555 123 4567</p>

böyle bir kod var. bu internet sitesinde çalışıyor. bunu mobilde gizlemek istiyorum. internette bulduğum kodları denediğimde, yazının yapısı bozuluyor. işlem gerçekleşiyor fakat yapı bozuluyor dediğim gibi. yapıdan kastım, font 500-900 olarak değişmesi.

nasıl bir yol izlemeliyim?