<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->

<div class="ms-Callout ms-Callout--close ms-Callout--arrowLeft">
  <div class="ms-Callout-main">
    <div class="ms-Callout-header">
      <p class="ms-Callout-title">All of your favorite people</p>
    </div>
    <button class="ms-Callout-close">
      <i class="ms-Icon ms-Icon--x"></i>
    </button>
    <div class="ms-Callout-inner">
      <div class="ms-Callout-content">
        <p class="ms-Callout-subText">Message body is optional. If help documentation is available, consider adding a link to learn more at the bottom.</p>
      </div>
      <div class="ms-Callout-actions">
        <a href="#" class="ms-Callout-link ms-Link ">Learn more</a>
      </div>
    </div>
  </div>
</div>

<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->

<div class="ms-Callout ms-Callout--close ms-Callout--arrowLeft">
  <div class="ms-Callout-main">
    <div class="ms-Callout-header">
      <p class="ms-Callout-title">All of your favorite people</p>
    </div>
    <button class="ms-Callout-close">
      <i class="ms-Icon ms-Icon--x"></i>
    </button>
    <div class="ms-Callout-inner">
      <div class="ms-Callout-content">
        <p class="ms-Callout-subText">Message body is optional. If help documentation is available, consider adding a link to learn more at the bottom.</p>
      </div>
      <div class="ms-Callout-actions">
        <a href="#" class="ms-Callout-link ms-Link">Learn more</a>
      </div>
    </div>
  </div>
</div>

Update spacing in callout variant
Update spacing in callout variant
