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

.heading-lk path {
    transition: fill 0.8s ease;
}

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

.heading-lk-border:hover .heading-lk path {
    fill: #011a3e;
}