@media screen and (max-width: 768px) {
  .spacer--mobile-small {
    padding: 1rem;
  }
  .spacer--mobile-large {
    padding: 2rem;
  }
  .spacer--mobile-extra-large {
    padding: 3rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .spacer--tablet-small {
    padding: 1rem;
  }
  .spacer--tablet-large {
    padding: 2rem;
  }
  .spacer--tablet-extra-large {
    padding: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .spacer--desktop-small {
    padding: 1rem;
  }
  .spacer--desktop-large {
    padding: 2rem;
  }
  .spacer--desktop-extra-large {
    padding: 3rem;
  }
}