Service CTA

<div class="service-cta">
    <div class="u-m-b-xl">
        <p>Know everything you need to book?</p>

        <p>
            <a href="#" class="btn btn-primary"
                >Book Travel
                <i class="fa fa-long-arrow-right"></i>
            </a>
        </p>
    </div>

    <h3 class="typeSubheader-Bold">Related Services</h3>

    <ul class="list-unstyled">
        <li>
            <a href="#" class="typeBody-Bold">Service Name</a>
            <p class="typeCaption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis voluptatem fugiat animi cupiditate!</p>
        </li>

        <li>
            <a href="#" class="typeBody-Bold">Service Name</a>
            <p class="typeCaption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis voluptatem fugiat animi cupiditate!</p>
        </li>

        <li>
            <a href="#" class="typeBody-Bold">Service Name</a>
            <p class="typeCaption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis voluptatem fugiat animi cupiditate!</p>
        </li>
    </ul>
</div>

// Component mostly uses Typography and default Bootstrap classes
.service-cta {
  background-color: $color-base-grey;
  padding: 2.4rem;
}