.contacts{
    margin-top: 1.5rem;
    font-size: $font-scale * 1rem;

    ul{
        // reset list style
        margin: 0;
        padding: 0;
        list-style: none;
    }
    li{

    }
    a{
        display: flex;
        padding: 0.75rem;
        padding-bottom: calc(0.75rem - 1px);
        color: $grey--dark;
        border-bottom: 1px solid $grey--light;
    }
    svg{
        flex-shrink: 0;
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 0.75rem;
        fill: $main;
    }

    @include desktop{

        a{
            @include transition(background);
        }
        a:hover{
            background-color: $grey--light;
        }
    }
}