div.socials-content {

    > ul {
        display: flex;  
        list-style-type: none;

        padding: 0px;
        justify-content: center;
        align-items: center;
        

        > li {
            display: inline-block;
            float: none;
            width: 40px;
            height: 40px;
            margin: 0px 5px;

            filter: invert(100%);
            transition: var(--minor-transition-properties);

            &:hover {
                transform: scale(110%);
            }

            &:active {
                filter: invert(80%);
                transform: scale(95%);
            }
        }
    }
}