/* CTA */

#cta {
  .inner {
    @include vendor('display', 'flex');
    max-width: 45em;

    header {
      @include vendor('order', '1');
      padding-right: 3em;
      width: 70%;

      p {
        color: inherit;
      }
    }

    .actions {
      @include vendor('order', '2');
      width: 30%;
    }

    @include breakpoint(medium) {
      display: block;
      text-align: center;

      header {
        padding-right: 0;
        width: 100%;
      }

      .actions {
        margin-left: auto;
        margin-right: auto;
        max-width: 20em;
        width: 100%;
      }
    }

    @include breakpoint(small) {
      .actions {
        max-width: none;
      }
    }
  }
}