.align-left {
  margin: 0 var(--space-gap-x, 1rem) var(--space-gap-y, 1rem) 0;
}

.align-right {
  margin: 0 0 var(--space-gap-y, 1rem) var(--space-gap-x, 1rem);
}

.align-center {
  margin: var(--space-gap-y, 1rem) auto;
}

@media (max-width: 767px) {
  .align-left,
.align-right {
    float: none;
    margin: var(--space-gap-x, 1rem) auto !important;
  }
}