<li>
        <div data-element="data-table" class="br_round bg_primary-n2 p_5:md p_4 c_white-8">
            <header class="font_display font_4">
                <h2 data-element="table-title" class="font-size_down-2 font_medium m-b_0 ">Advanced</h2>
                <h3 class="font-size_up-2 lh_2"><span class="font_bold c_white">$99</span><span>/Month</span></h3>
            </header>
            <main>
                <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus nostrum corporis laboriosam necessitatibus praesentium similique repellat cumque enim tempore maiores, animi minus ipsam? Id minima et odio nostrum expedita tempore.</p>
                <ul class="ul_none flex flex_column gap-y_3 p-b_4 p-x_3 font-size_1 font_medium c_white-9">
                    <li><i class="fas fa-check-circle m-r_2 c_primary-5"></i> Phased</li>
                    <li><i class="fas fa-check-circle m-r_2 c_primary-5"></i> Automated</li>
                    <li><i class="fas fa-check-circle m-r_2 c_primary-5"></i> Cross-platform</li>
                </ul>
            </main>
            <footer class="m-b_n3"><a href="" class="btn btn_primary bg_white h:bg_white-5 h:undecorated ">Choose Plan</a></footer>
        </div>
    </li>