İcon ile Yazı Arasına Boşluk Verme

Arkadaşlar bir buton yapıyorum ve icon ile font arasına nasıl boşluk vereceğimi bilmiyorum. Yardımcı olursanız sevinirim

Kodu ilet sana yardımcı olalım

.buy-btn {
width: 100%;
font-weight: 700;
background-color: #85c154;
font-size: 18px;
background: linear-gradient(117deg, rgb(254, 145, 80), rgb(254, 100, 70));
}

Html: <div><a href="#" target="_blank" class="btn buy-btn mt-3"><i class="fas fa-download"></i>Örnek</a></div>

Online butonu görelim

<div><a href="#" target="_blank" class="btn buy-btn mt-3"><i class="fas fa-download" style="padding-right: 5px;"></i>Örnek</a></div>

Padding-left/right verebilirsiniz icona

Oldu hocam teşekkürler

padding yerine margin vermek daha sağlıklı bir kullanım değil mi? 🤔