JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="callback__button">CALL NOW</div>
  </div>

CSS

.container {
  text-align:center;
}
.callback__button {
    display: inline-flex;
    border: 5px solid #ffffff;
    background-color: #0368ea;
    padding: 11px 67px;
    font-weight: 700;
    color: #ffffff;
	position:relative;
}
.callback__button:before {content:'';position: absolute;width: 58px;height: 36px;background: url(https://i.ibb.co/HPM00FD/arrow.png) no-repeat center center;left: -93px;top: 5px;animation-name: leftarr;
  animation-duration: 2s;animation-iteration-count: infinite;}
.callback__button:after {content:'';position: absolute;width: 58px;height: 36px;background: url(https://i.ibb.co/HPM00FD/arrow.png) no-repeat center center;right: -93px;top: 5px;transform: rotate(180deg);animation-name: rightarr;animation-duration: 2s;animation-iteration-count: infinite;}
.callback__button:hover{
    cursor: pointer;
}

@keyframes rightarr {
  0%   {right: -93px}
  100%  {right: -60px}
}
@keyframes leftarr {
  0%   {left: -93px}
  100%  {left: -60px}
}