Как реализовать иконки соцсетей в круглом бордере с hover-эффектом?

Question

[Александр]

Здравствуйте! Решил, увидев одно видео в американском ютуб канал сделать иконки соцсетей , сделал сами иконки с помощью шрифтовых иконок с сайта fontawersome ,
нужно чтобы изначально иконки были в круглом черном бордере, а при навдении бэкграунд становился просто круглыми с реальными цветами (вк -синий, инстаграм - градиент), а сами иконки белыми как это сделать, не получется круглый бордер сделать и выравнять по центру иконки.
Помогите, вот код - https://codepen.io/AlexandrDevZ/pen/eoEEYo