.margin {
  &-1 {
    margin: 1rem;
  }

  &-2 {
    margin: 2rem;
  }
}

.m-top {
  &-1 {
    margin-top: 1rem;
  }

  &-2 {
    margin-top: 2rem;
  }
}

.m-bottom {
  &-1 {
    margin-bottom: 1rem;
  }

  &-2 {
    margin-bottom: 2rem;
  }
}

.padding {

  &-1 {
    padding: 1rem;
  }

  &-2 {
    padding: 2rem;
  }

}

.p-topbottom {

  &-1 {
    padding: 1rem 0;

  }

  &-2 {
    padding: 2rem 0;
  }

}
