// The Call To Action module is used to show show a short
// "call to action" message with an accompanying button.
// CTA's typically span the full width of the page.
//
// Styleguide Call To Action

.cta {
  display: block;
  width: 100%;
  background-color: lighten($light-gray, 10%);
  border-bottom: 2px solid $light-gray;
  border-top: 2px solid $light-gray;
  padding: 18px;

  @include media($tablet) {
    padding: 0;
  }

  > .wrapper {
    text-align: center;
    padding: 36px 0;


    @include media($tablet) {
      @include span(12 at 2);
    }
  }

  .__message {
    color: $copy-color;
    font-size: $font-medium;
    font-weight: $weight-sbold;
    margin: 0 0 9px;
  }
}

// The Call To Action module is used to show show a short
// "call to action" message with an accompanying button.
// CTA's typically span the full width of the page.
//
// Styleguide Call To Action

.cta {
  width: 100%;
  background-color: lighten($light-gray, 10%);
  border-bottom: 2px solid $light-gray;
  border-top: 2px solid $light-gray;

  @include clearfix;

  @include media($tablet) {
    padding: 0;
  }

  > .wrapper {
    width: 100%;
    text-align: center;
    padding: $base-spacing 0;

    @include media($tablet) {
      @include span(12);
      @include push(2);
    }
  }

  .__message {
    color: $copy-color;
    font-size: $font-medium;
    font-weight: $weight-sbold;
    margin: 0 0 $base-spacing;
  }
}

Update CTA with new spacing.
Update CTA with new spacing.
