Content Pagination

<ul class="content-pagination    grid">

    <li class="content-pagination__item  content-pagination__item--previous    grid__item">

        <a class="content-pagination__control" href="#link-to-previous">

            <span class="content-pagination__description">

                Previous case study

            </span>

            <span class="content-pagination__title">Whooping cough vaccination</span>

            <div class="content-pagination__decoration">

                <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" title="Whooping cough vaccination">

                    <title>Whooping cough vaccination</title>

                    <use xlink:href="#svg-icon-chevron-left" />

                </svg>

            </div>

        </a>

    <!-- /li -->

    <li class="content-pagination__item  content-pagination__item--next    grid__item">

        <a class="content-pagination__control" href="#link-to-next">

            <span class="content-pagination__description">

                Next case study

            </span>

            <span class="content-pagination__title">Tackling preventable amputations</span>

            <div class="content-pagination__decoration">

                <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" title="Tackling preventable amputations">

                    <title>Tackling preventable amputations</title>

                    <use xlink:href="#svg-icon-chevron-right" />

                </svg>

            </div>

        </a>

    <!-- /li -->

</ul>