.list-socials{
    list-style-type: none;

    li {
        margin-bottom: calc(var(--spacing)*0.25);
        .link--external{
            display: flex;
            align-items: center;
            gap: 1ch;
            text-decoration: none;
            
     
            
            .icon svg { 
                width: 25px;
                fill: var(--color-txt); 
            }

            .arrow svg{ 
                position: relative;
                top: 3px;
                width: 12px;
                fill: var(--grey-400); 
            }

           
        }
    }

      
    
}