.em2-contact{
    & .list .item{
        padding: 28px 0;
        border-bottom: 1px solid rgba(242, 232, 213, .06);
        transition: padding-left .3s;
        &:first-child{
            border-top: 1px solid rgba(242, 232, 213, .06);
        }
        & .title{
            font-size: 9.5px;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--noir);
            display: block;
            margin-bottom: 8px;
        }
        & .desc{
            font-family: 'DM Sans', sans-serif;
            font-size: 15px;
            font-weight: 300;
        }
        & a{
            font-family: 'Playfair Display', serif;
            font-size: 20px;
            font-weight: 700;
            text-decoration: none;
            color: var(--ambre);
        }
        &:hover{
            padding-left: 30px;
        }
    }
    & .socials{
        margin-top: 48px;
        display: flex;
        gap: 16px;
        & a{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border: 1px solid;
            color: var(--ambre);
            font-size: 11px;
            text-decoration: none;
            letter-spacing: .08em;
            text-transform: uppercase;
            transition: all .3s;
            &:hover{
                opacity: 0.7;
            }
        }
    }
}
.whiteColor.em2-contact{
    & .list .item{
        & .title{
            color: rgba(242, 232, 213, .25);
        }
        & .desc{
            color: rgba(242, 232, 213, .55);
        }
        & a{
            color: var(--cr);
        }
    }
    & .socials a{
        border: 1px solid rgba(242, 232, 213, .12);
        color: rgba(242, 232, 213, .4);
    }
}