/* Ссылки */
.button1 {
  position: fixed;
  top: 200px; /* Отступ сверху */
  width: 160px; /* Ширина */
  height: 50px; /* Высота */
  right: -100px; /* Прячет кнопку (должна быть спрятана 2/3) */
  text-align: right; /* "лепит" текст на правый бок */
  padding: .8rem 1.2rem; 
  background: url(ПРЯМАЯ_ССЫЛКА.png) no-repeat 5px center / 30%; /* Картинка (Стима/ВК/Телеграма) / XX px - отступ слева / XX % - величина картинки */
  background-color: #fff; /* Цвет фона кнопки */
  border: 1px solid #ddd; /* Толщина и цвет рамки */
  border-radius: 5px 0 0 5px; /* Скругление углов */
  z-index: 20;
  transition: 1s ease;
}

.button1:hover {
  right: 0;
}

В самом профиле, во вкладке "о себе" всё пишешь по дефолту, просто внутри div кода:

[div=button1][url=Твоя ссылка]Надпись[/url][/div]

Желательно в самом верху.

Если хочешь добавить больше кнопок, то копипастишь код в css, но меняешь .button1 на .button2 ну и по накатанной. То же делаешь и в div самого профиля. Если оставишь кнопки дефолтными, то в каждой новой кнопке увеличивай top на 60 пикселей: если у первой кнопки top - 200px, значит у второй - 260px и тд. Играйся на здоровье.