Actions

The Actions pattern is designed to provide a container for actions, eg buttons.

It uses CSS flexbox to align the buttons inside it optimally at various screen sizes and provides sufficient but not excessive spacing between the buttons.

Compatibility
<div class="Actions">
        <button class="Button Button--primary">
          Buy Online
        </button>
        <button class="Button Button--primary">
          Find Local
        </button>
        <a href="#" class="Button Button--tertiary">
          Compatibility
        </a>
      </div>