section
    &.share
        border-top 1px solid color-accent-dark
        margin-top 2rem
        padding-top 1rem

        & ^[1..1]-icon
            color inherit
            
        & ^[1..1]-list
            @extend .full-w
            gap 0.75rem

            & ^[2..2]-item
                @extend .center-content
                border-radius 50%
                color color-text-alt
                height 2rem
                width @height

        & ^[1..1]-facebook
            background-color rgb(24, 119, 242)

            &:hover
                background-color rgb(125, 178, 248)

        & ^[1..1]-linkedin
            background-color rgb(10, 102, 194)

            &:hover
                background-color rgb(42, 143, 244)

        & ^[1..1]-mail
            background-color rgb(52, 70, 93)

            &:hover
                background-color rgb(73, 98, 130)

        & ^[1..1]-messenger
            background-color rgb(0, 153, 255)

            &:hover
                background-color rgb(69, 194, 255)

        & ^[1..1]-twitter
            background-color rgb(29, 161, 242)

            &:hover
                background-color rgb(9, 99, 154)

        & ^[1..1]-whatsapp
            background-color rgb(37, 211, 102)

            &:hover
                background-color rgb(22, 127, 61)