.Contact {
    & .social-media {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem 2rem;

        & li a {
            display: flex;
            gap: .5rem;
            align-items: center;
            transition: var(--transition-time);
            width: max-content;

            &:hover {
                color: var(--color-orange);
            }
        }
    }
}