/* mm-cta-card
   Sitewide call-to-action card. Pairs an eyebrow + headline + button.
   Used at the bottom of case studies ("Build yours") but also fits anywhere
   we want a sidebar-ish "next step" prompt next to other content.

   Usage:
     <div class="mm-cta-card-body">
       <span class="mm-eyebrow">Build yours</span>
       <h3 class="mm-cta-card-h3">Want a workspace like this for your operation?</h3>
       <button class="btn-mm btn-mm-large">Contact Sales</button>
     </div>

   Wrap in a flex parent (e.g. .mm-flex-center) when sitting next to a sibling
   that needs vertical centering. */

.mm-cta-card-body {
	width: 100%;
	padding-left: 20px;
}

.mm-cta-card-h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 22px;
	line-height: 1.3;
	white-space: nowrap;
}