#share {
    > ul {
        padding: 0;
        display: flex;
        align-items: center;
        height: 35px;
        list-style: none;

        > li {
            width: 30px;
            height: 30px;

            &:nth-of-type(n + 2) {
                margin-left: 6px;
            }

            > button {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                border: none;
                padding: 0;
                cursor: pointer;
                transition-duration: 0.4s;
                transition-delay: 0.03s;
                transition-property: all;
                border-radius: 2px;
                overflow: hidden;

                > img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;

                    &.twitter {
                        width: calc(100% * 37 / 30);
                        height: calc(100% * 37 / 30);
                    }
                    &.linkedin {
                        width: calc(100% * 36 / 30);
                        height: calc(100% * 36 / 30);
                    }
                    &.pinterest {
                        width: calc(100% * 32 / 30);
                        height: calc(100% * 32 / 30);
                    }
                    &.mail {
                        width: calc(100% * 22 / 30);
                        height: calc(100% * 22 / 30);
                    }
                    &.print {
                        width: calc(100% * 18 / 30);
                        height: calc(100% * 18 / 30);
                    }
                }

                &:hover {
                    transform: translateY(-6px);
                }
            }
        }
    }
}