/* Avalon-Ro: кнопки соцсетей в подвале.
   Тема рисует у .btn-circle растущий кружок :before, и он БЕЛЫЙ по умолчанию -
   из-за этого Discord при наведении превращался в белое пятно (значок тоже белый).
   Здесь кружок отключён, а цвет задан явно для каждой сети во всех состояниях. */
.ms-footbar-social .btn-social:before { display: none !important; }
.ms-footbar-social .btn-social,
.ms-footbar-social .btn-social:hover,
.ms-footbar-social .btn-social:focus { color: #fff !important; }
.ms-footbar-social .btn-social {
    transition: background-color .25s ease, transform .25s ease;
}
.ms-footbar-social .btn-social:hover { transform: translateY(-2px); }
.ms-footbar-social .btn-social svg { vertical-align: middle; }

.ms-footbar-social .btn-facebook  { background-color: #1877F2 !important; }
.ms-footbar-social .btn-facebook:hover  { background-color: #0f5fd0 !important; }
.ms-footbar-social .btn-discord   { background-color: #5865F2 !important; }
.ms-footbar-social .btn-discord:hover   { background-color: #4451d6 !important; }
.ms-footbar-social .btn-reddit    { background-color: #FF4500 !important; }
.ms-footbar-social .btn-reddit:hover    { background-color: #d93a00 !important; }
.ms-footbar-social .btn-telegram  { background-color: #229ED9 !important; }
.ms-footbar-social .btn-telegram:hover  { background-color: #1b82b3 !important; }
.ms-footbar-social .btn-viber     { background-color: #7360F2 !important; }
.ms-footbar-social .btn-viber:hover     { background-color: #5c4ad0 !important; }