<div class="callout container">
    <div class="grid -columns-4">
        <h3 class="callout__title cell -span-2 -center">Suspendisse vitae velit malesuada, dapibus lacus malesuada ex.</h3>
        <div class="callout__actions cell -span-2 -center">
            <button class="button">Default Button</button>
            <button class="button -outline">Learn More</button>
        </div>
    </div>
</div>

.callout {
  background: var(--color-gray-100);
  padding: 5rem 0;

  &__title {
    justify-self: center;
    text-align: center;
  }

  &__actions {
    justify-self: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 1rem;
  }
}