Wysiwyg With Share

<!-- WYSIWYG -->
<div class="wysiwyg_with_share">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="wysiwyg_with_share_inner">
                <div class="wysiwyg_with_share_share">

                    <div class="js-share-tools share_tools direction_right">
                        <div class="share_tools_inner">
                            <div class="share_tools_header">
                                <h2 class="share_tools_title">Share Options</h2>
                                <button class="js-share-tools-toggle share_tools_toggle" data-swap-target=".js-share-tools">
                                    <span class="share_tools_toggle_inner">
                                        <span class="share_tools_toggle_label">Share This</span>
                                    </span>
                                </button>
                            </div>
                            <ul class="js-share-tools-list share_tools_list" aria-label="Share Options">
                                <li class="js-share-tool-item share_tool_item">
                                    <a class="js-share-tool js-share-twitter share_tool" href="#" target="_blank" rel="noopener">
                                        <span class="share_tool_icon">
                                            <svg class="icon icon_twitter">
                                                <use href="/images/icons.svg#twitter" />
                                            </svg>
                                        </span>
                                        <span class="share_tool_label">Share to Twitter</span>
                                    </a>
                                </li>
                                <li class="js-share-tool-item share_tool_item">
                                    <a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
                                        <span class="share_tool_icon">
                                            <svg class="icon icon_facebook">
                                                <use href="/images/icons.svg#facebook" />
                                            </svg>
                                        </span>
                                        <span class="share_tool_label">Share to Facebook</span>
                                    </a>
                                </li>
                                <li class="js-share-tool-item share_tool_item">
                                    <a class="js-share-tool js-share-linkedin share_tool" href="#" target="_blank" rel="noopener">
                                        <span class="share_tool_icon">
                                            <svg class="icon icon_linkedin">
                                                <use href="/images/icons.svg#linkedin" />
                                            </svg>
                                        </span>
                                        <span class="share_tool_label">Share to Linkedin</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="wysiwyg_with_share_content">
                    <div class="typography">
                        <h2>Nullam dictum felis eu pede mollis pretium</h2>
                        <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                        <figure style="width: 225px" class="wp-caption alignleft"><img fetchpriority="high" decoding="async" class="size-medium wp-image-733" src="//via.placeholder.com/735x980" alt="" width="225" height="300">
                            <figcaption class="wp-caption-text">The Caption Goes Here</figcaption>
                        </figure>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis <a href="#">natoque penatibus</a> et magnis dis parturient montes, nascetur ridiculus mus.</p>
                        <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                        <figure class="quote">
                            <div class="quote_icon"><svg class="icon icon_quote">
                                    <use href="/images/icons.svg#quote"></use>
                                </svg></div>
                            <blockquote class="quote_content">
                                <p>Test Quote</p>
                            </blockquote>
                        </figure>
                        <ul>
                            <li>Aliquam ullamcorper ex massa, non eleifend neque laoreet.</li>
                            <li>Curabitur tristique vulputate est, ac.</li>
                            <li>Curabitur porta laoreet tempus. Fusce volutpat lectus nisl, ut blandit dui laoreet nec. Nulla.</li>
                            <li>Aliquam ornare quam et ipsum cursus, ac ultricies lacus laoreet.</li>
                        </ul>
                        <h3>H3 Title Here</h3>
                        <ol>
                            <li>Aliquam ullamcorper ex massa, non eleifend neque laoreet.</li>
                            <li>Curabitur tristique vulputate est, ac.</li>
                            <li>Curabitur porta laoreet tempus. Fusce volutpat lectus nisl, ut blandit dui laoreet nec. Nulla.</li>
                            <li>Aliquam ornare quam et ipsum cursus, ac ultricies lacus laoreet.<ol>
                                    <li>Donec eu odio molestie, tristique.</li>
                                    <li>Maecenas lacus sapien, pretium at aliquam non, tempor quis neque.</li>
                                </ol>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: WYSIWYG -->