.buttons {
  --gap: 20px;
}

.buttons__wrap {
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.buttons--align-center .buttons__wrap {
  -ms-flex-pack: center;
      justify-content: center;
}

.buttons--align-right .buttons__wrap {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

@media (max-width: 767.96px) {
  .buttons .button {
    width: 100%;
  }
}