<aside class="max-w_35 bg_primary-n1 br_1 br_white-4 br_solid m-b_4 p_4 font_0 relative p-t_5 br-br_radius br-bl_radius c_white">
    <div class="br-t_3 br_solid br_black-5 text_left absolute t_0 r_0 l_0 font_n2 c_white font_ui font_xbold">
        <ul class="ul_none flex flex_row-reverse ">
            <li class="flex_shrink bg_black-5 p-x_3 p-y_1">
                Older Adults &amp; Heart Disease
            </li>
            <li class="flex_shrink bg_black-3 p-x_3 p-y_1 br-bl_radius">
                Checklist
            </li>
        </ul>
    </div>
    <div class="relative text_center ">
        <div class="p-x_4 p-y_4 inline-block w_auto bg_black-3 c_white font_8 shadow_overlap-bold br_2 br_solid br_white-5">
            <i class="fad fa-tasks p-y_3 p-x_2"></i>
        </div>
        <header class="font_display font_2 m-y_3 block">
            <a href="#" class="link c_white expanded-click-area">Self-Care Checklist</a>
        </header>
    </div>
    <footer class="font_ui text_center font_0 capitalize">
        <ul class="ul_none flex justify_center br_white-2 br_solid br_1 m-b_n4 m-x_n4 font_n1">
            <li class="flex_auto p-x_3 p-y_2 br-r_1 br_solid br_black-2 relative h:bg_black-3">
                <a href="#" class="link c_white expanded-click-area"><i class="fas fa-arrow-down"></i>
                    download
                </a>
            </li>
            <li class="flex_auto p-x_3 p-y_2 relative h:bg_black-3">
                <a href="#" class="link c_white expanded-click-area"><i class="fas fa-share"></i>
                    share</a>
            </li>
        </ul>
    </footer>
</aside>