.social {
    @apply inline-flex items-center my-4;

    .social-text {
        @apply text-sm;
    }

    li {
        @apply mr-4;

        .resp-sharing-button svg {
            @apply w-5 lg:m-auto;
        }
    }

    &.horizontal {
        @apply flex-row;

        li {
            @apply mr-4;
        }
    }

    &.vertical {
        @apply flex-col text-center;

        li {
            @apply mb-4;
        }
    }

    &.red .icon {
        @apply text-red;
    }

    &.white .icon {
        @apply text-white;
    }
}