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.
<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>