.vertical-spacing {
  margin-top: spacing(-1);
  margin-bottom: spacing(-3);

  &--small {
    margin-top: spacing(-3);
    margin-bottom: spacing(-3);
  }

  &--large {
    margin-top: spacing(0);
    margin-bottom: spacing(0);
  }

  &-top {
    margin-top: spacing(-1);

    &--small {
      margin-top: spacing(-3);
    }

    &--large {
      margin-top: spacing(0);
    }
  }

  &-bottom {
    margin-bottom: spacing(-1);

    &--small {
      margin-bottom: spacing(-3);
    }

    &--large {
      margin-bottom: spacing(0);
    }
  }
}