Merhabalar.

Yan yana gelen 3 sosyal medya butonu yaptım ve bunların arasına %1'lik boşluk bırakmak istedim. HTML ile ayrı ayrı isimler vermek yerine CSS ile ortak isme sahip 3 div class'ından ilkini hariç tutan bir CSS kodu nasıl yazabilirim?

Örnek:






Twitter ve Istagram için "margin-left: 1%;" eklemek istiyorum.

Not: last-child ile denedim ancak ne yanlış bilmiyorum ama sadece Istagram için geçerli CSS kodu yazabildim.
Şöyle:
.social-button:last-child {
margin-left: 1%;
}