<div class="col-8 mx-auto p-4 rounded shadow-sm mb-5 context-main-bg mt-4 text-center">
    <div class="row">
        <h2 class="mb-4 atb-green">Upgrade to a Yearly Plan</h2>
        <p class="lead">
            Save more and enjoy uninterrupted access to all features with our yearly plan!
        </p>
        <p>
            Upgrading now means you'll save <strong> nearly &#36;40 a year</strong> compared to the monthly plan.
            Stay committed and make the most of our service.
        </p>
        <div class="row">
            <div class="col-md-6">
                <a href="/member/checkout/upgrade" class="btn btn-lg  btn-block atb-green-bg">
                    Upgrade to Yearly
                </a>
            </div>
            <div class="col-md-6">
                <a href="/member" class="btn btn-lg  btn-block atb-green-outline">
                    Stay on Monthly
                </a>
            </div>
        </div>
    </div>
</div>