<aside class="bg_white br_radius br_1 br_shade-3 br_solid c_shade-n3 font_0 m-b_4 max-w_35 p-t_5 p_4 relative shadow_bevel-light">
    <div class="relative text_center ">
        <div class="p-x_4 p-y_4 inline-block w_auto bg_primary c_white font_8 shadow_overlap-bold br_2 br_solid br_white-3">
            <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 expanded-click-area">Self-Care Checklist</a>
        </header>
    </div>
    <footer class="capitalize font_0 font_ui text_center">
        <ul class="bg_shade-5 br_1 br_shade-3 br_solid flex font_n1 justify_center m-b_n4 m-x_n4 ul_none">
            <li class="flex_auto p-x_3 p-y_2 br-r_1 br_solid br_shade-3 relative h:bg_shade-4">
                <a href="#" class="link 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_shade-4">
                <a href="#" class="link expanded-click-area"><i class="fas fa-share"></i> share</a>
            </li>
        </ul>
    </footer>
</aside>