share-modal

<div class="share-modal">
    <div class="share-modal__inner">
        <div class="share-modal__header">
            <p class="heading heading--6">Share</p>

            <div class="share-modal__close">
                <span class="icon-cross">
                    <span class="icon-cross__inner"></span>
                </span>

            </div>
        </div>
        <div class="share-modal__content">
            <div class="social_list">
                <div class="social_list__items">

                    <div class="social_list__item">
                        <a href="#" class="link st-custom-button" data-network="facebook">
                            <span class="link__icon"><svg class="icon-facebook" viewBox="0 0 256.8 482.7">
                                    <path fill="currentColor" d="M175.2,0.6C120.4,6.7,86,38.4,78.1,90.3c-1.8,11.6-1.9,15.4-1.9,53.2l0,39.4H0l0.2,43.4l0.2,43.3l38,0.2l38,0.2l-0.2,105.6 l-0.2,105.6h4c2.7,0,4.1,0.2,4.2,0.8c0.2,0.6,8.5,0.8,38.9,0.8s38.7-0.2,38.9-0.8c0.2-0.5,1.6-0.8,4.2-0.8h4L170,375.6L169.8,270 l34.4,0c18.9,0,34.7-0.2,35-0.5c0.6-0.4,1.3-3.8,4.4-24.1c0.6-4.1,1.4-9.1,1.7-11.1c0.6-3.9,1.4-9.2,2.5-16.1 c0.4-2.4,0.9-5.8,1.2-7.6c0.6-3.9,1.5-9.4,2.4-15.6c0.4-2.5,0.9-5.8,1.2-7.4c0.3-1.6,0.5-3.3,0.5-3.8c0-0.8-5.7-0.9-41.7-0.9h-41.7 l0-30.1c0-30.2,0.2-33.5,2.3-41.9c3.8-15.1,15.5-25.9,31.6-29.3c7.9-1.7,11.4-1.9,31.6-1.9h21.5L256.7,43l-0.2-36.7l-2.1-0.5 c-1.2-0.3-4-0.7-6.3-1c-2.3-0.3-7.3-1-11.1-1.5C214.3,0.3,188.1-0.8,175.2,0.6" />
                                </svg>
                            </span>
                            <span class="link__label">Facebook</span>
                        </a>
                    </div>

                    <div class="social_list__item">
                        <a href="#" class="st-custom-button" data-network="twitter">
                            <span class="link__icon"><svg class="icon-twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.85 100">
                                    <path fill="currentColor" d="M58.23 42.34 94.66 0h-8.63L54.4 36.77 29.14 0H0l38.2 55.6L0 100h8.63l33.4-38.83L68.71 100h29.14L58.23 42.34ZM46.41 56.09l-3.87-5.54L11.74 6.5H25l24.85 35.55 3.87 5.54L86.03 93.8H72.77L46.41 56.09Z" />
                                </svg>
                            </span>
                            <span class="link__label">Twitter</span>
                        </a>
                    </div>

                    <div class="social_list__item">
                        <a href="#" class="st-custom-button" data-network="whatsapp">
                            <span class="link__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                    <path fill="currentColor" d="M17.7420324 14.347337c-.2953775-.1604994-1.7460246-.9373592-2.0182564-1.0471183-.2719627-.1096257-.470451-.1667752-.6825308.1245806-.2118106.2905546-.8137349.941365-.9960751 1.1340444-.1832821.1928129-.3594321.2107055-.6550788.0498055-.2945702-.1599653-1.2520242-.5114082-2.3623478-1.5704104-.8640635-.8242619-1.4307309-1.8237111-1.5950389-2.1286866-.1645771-.3053761-.0012111-.460935.1550228-.6038089.1402202-.128987.313948-.3378231.4709893-.5062006.156503-.168511.2118106-.2909552.3194653-.4864387.1076547-.1954835.0643237-.3716055-.0055173-.5236927-.0697064-.1515531-.6156503-1.642782-.8436091-2.2493949-.2280934-.60661297-.4821585-.5164823-.6577702-.5232921-.1753426-.0060088-.3749075-.03872286-.575549-.04606685-.2005068-.00761103-.5293919.05514665-.8160226.34329775-.2868998.2882847-1.0910803.9812896-1.1465225 2.450086-.0554422 1.4678617.9684886 2.9270442 1.1112656 3.1313404.1429116.2048304 1.9552784 3.3877122 4.9671877 4.6966769 3.0125822 1.3085641 3.0283267.9095856 3.580999.8802096.553076-.0288418 1.8065804-.6561514 2.0837912-1.3431475.2769417-.6872632.2991455-1.2846628.2287663-1.411914-.0706484-.1271176-.2679257-.2097708-.5631687-.3698696zm-5.5244353 7.07586c-1.9917465 0-3.8469061-.5928597-5.3959226-1.6089997l-3.76912555 1.1972026 1.22511046-3.6140404c-1.17424362-1.6048604-1.86780901-3.5761187-1.86780901-5.7062741 0-5.3668486 4.3999821-9.73291272 9.8077467-9.73291272 5.4088411 0 9.808554 4.36606412 9.808554 9.73291272 0 5.3663145-4.3997129 9.7321116-9.808554 9.7321116zm0-21.423197C5.71094714 0 .43600153 5.23398928.43600153 11.6910854c0 2.2086692.61780339 4.2744646 1.69058245 6.0367533L0 24l6.5230673-2.0720712c1.6881602.9258759 3.6291744 1.4541085 5.6945298 1.4541085C18.7253235 23.3820373 24 18.1473804 24 11.6910854 24 5.23398928 18.7253235 0 12.2175971 0z" />
                                </svg>
                            </span>
                            <span class="link__label">WhatsApp</span>
                        </a>
                    </div>

                    <div class="social_list__item">
                        <a href="#" class="st-custom-button" data-network="mail">
                            <span class="link__icon"><svg class="icon-mail" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 19">
                                    <path fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" d="M22 4.0166739v11.2852129c0 .750333-.3204709 1.4892183-.7703637 1.9359838C20.5585297 17.7502083 19.9880161 18 19.29 18h0H3.71c-.75191253 0-1.49202789-.3176325-1.93963625-.7621294C1.25196235 16.5681819 1 15.9983258 1 15.3018868h0V4.0166739l1.79798459 2.3806482c.20377848.269816.47552503.4717634.79831716.7260735 1.27480204.890894 2.26881095 1.571157 3.10265315 2.1418163.9716919.6649999 1.7270284 1.1819496 2.2368229 1.536325.3439076.2554711.5918003.4225544.8311011.5812514.300001.1138613.6695437.2933904 1.0378425.4762597.2231874.110818.4455444.1739117.6695095.1784237.2298459-.0151152.4013654-.0546557.5684485-.1790969.7184413-.2415853.902014-.3788746 1.0902985-.503525.2679989-.1416301.5839087-.3896284.9047015-.6285504h0l.5676759-.3934301h0l.2914784-.2026462c1.144388-.7958153 2.6110677-1.8155731 4.4933415-3.0129748.2928093-.2171211.591917-.4287336.8118402-.7199262h0L22 4.0166739zM19.29 1c.6933595 0 1.2586675.24063847 1.8180752.64212729C21.7458282 2.3911213 22 2.95258574 22 3.6363636c0 .7406188-.2386788 1.3652116-.6277641 1.9857624-.4698649.6765-1.0143322 1.1106407-1.5693628 1.5355446-2.7126442 1.7650325-4.3212293 2.851533-4.9835736 3.3042632l-.1596562.1095341c-.5047645.3429773-.7443125.4713961-.989033.5893926h0l-1.135042.633596c-.3983744.2011298-.7899973.2117079-1.1967859.2037602h0L9.783021 11.501961c-.1317043-.2120749-.285064-.2603949-.4246292-.3271726-.2188767-.1047256-.433347-.2153472-.6498521-.386402-.2866375-.1128891-.4372015-.2275115-.5606567-.3403167-.4267523-.24413-.9278772-.5849922-1.5425683-1.006099-.3474171-.2380053-.7338015-.5027442-1.1676052-.7901371-.61930804-.4102888-1.09569995-.7294006-1.45299307-.9687358-.34724106-.2326016-.57865163-.387799-.7175486-.4764095-.49270834-.3517811-1.0428476-.784625-1.49335458-1.4184855C1.23560556 5.1312833 1 4.4676921 1 3.8181818c0-.8053316.26479743-1.34970888.68793117-1.88959245C2.15456244 1.33320656 2.76336107 1 3.71 1h0z" />
                                </svg>
                            </span>
                            <span class="link__label">Mail</span>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>