CSS radial-gradient not working in Safari for button

Question

I am using radial-gradient to give my button text a gradient colour, its working in Chrome but not in safari, how come?

.subscribe-button {
  font-family: 'spantaranregular';
  font-size: 24px;
  background: #e5cf84;
  background: -webkit-radial-gradient(circle farthest-corner at center center, #e5cf84 0%, #B79244 100%);
  background: -moz-radial-gradient(circle farthest-corner at center center, #e5cf84 0%, #B79244 100%);
  background: radial-gradient(circle farthest-corner at center center, #e5cf84 0%, #B79244 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    

<button class="btn btn-indigo subscribe-button">Subscribe</button>

Any help would be much appreciated.