.icons-container {
    display: flex;
    align-items: center;
    gap: 10px; 
}

.icons-container i {
    cursor: pointer;
    transition: transform 0.3s;
    margin: 5px;
}

.icons-container i:hover {
    transform: scale(1.4);
}

.icons-container i, 
.icons-container a .fa, 
.icons-container a .fas, 
.icons-container a .fab {
    color: #fff !important;
    font-size: 24px;
}

.icons-container i:hover, 
.icons-container a:hover .fa, 
.icons-container a:hover .fas, 
.icons-container a:hover .fab {
    color: var(--highlight) !important;
}