.pagination {
  margin: 1em 0;
  text-align: center;
  width: 100%;
  @include for-size(tablet-landscape-up) {
    margin: 0 0 2em;
    padding: 1em 5%;

  }
  &--multi-step {
    text-align: left;
    padding: 0;
    border-top: none;
  }
  .call-to-action {
    &__button {
      font-size: $font-small;
      margin: 0;
      display: block;
      @media screen and (min-width: 40.000em) {
        display: inline-block;
      }
      @include for-size(tablet-portrait-up) {
        font-size: $font-x-small;
        margin: 5px 1em 1em 0;
      }
    }
    &__item {
      &--text-current {
        margin: 0;
        padding: 2em;
        display: block;
        @media screen and (min-width: 40.000em) {
          display: inline-block;
        }
        @include for-size(tablet-portrait-up) {
          padding: 0 2em;
        }
      }
    }
  }
}
