/*
 * class="footer-btn-border"
 * class="footer-btn"
 * 
 * Задаем плавный переход для рамки и для заливки (fill) путей (path) внутри SVG
 * Это нужно, чтобы цвет плавно возвращался в исходное состояние
 */
.footer-btn-border {
    transition: border-color 0.8s ease, background-color 0.8s ease;
}

.footer-btn path {
    transition: fill 0.8s ease;
}

/* 
 * При наведении на контейнер с рамкой, меняем цвет самой рамки
 * И цвет заливки (fill) для всех путей (path) внутри SVG иконки
 */
.footer-btn-border:hover {
    background-color: #ffffff;
    border-color: #ffffff !important;
    /* !important нужен, чтобы переопределить инлайновый стиль */
}

.footer-btn-border:hover .footer-btn path {
    fill: #011a3e;
}