* {
  box-sizing: border-box; }

.cta-ribbon,
.edit-post-visual-editor .acf-block-preview .cta-ribbon {
  padding: 3.125rem 0; }
  .cta-ribbon.bg-color-red,
  .edit-post-visual-editor .acf-block-preview .cta-ribbon.bg-color-red {
    background: linear-gradient(100.15deg, #7E281C 0%, #9E3223 100%); }
  .cta-ribbon.bg-color-blue,
  .edit-post-visual-editor .acf-block-preview .cta-ribbon.bg-color-blue {
    background: linear-gradient(100.15deg, #01427E 0%, #00142B 100%); }
  @media screen and (min-width: 500px) {
    .cta-ribbon,
    .edit-post-visual-editor .acf-block-preview .cta-ribbon {
      padding: 5.625rem 0 6.25rem; } }
  .cta-ribbon-inner,
  .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; }
    @media screen and (min-width: 992px) {
      .cta-ribbon-inner,
      .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner {
        flex-direction: row; } }
    .cta-ribbon-inner .cta-ribbon__title,
    .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner .cta-ribbon__title {
      color: #FFFFFF;
      flex-basis: 100%;
      width: 100%;
      border-bottom: 2px dotted rgba(184, 184, 184, 0.4);
      font-weight: 100;
      margin-bottom: 1.875rem;
      padding-bottom: 1.875rem; }
      @media screen and (min-width: 992px) {
        .cta-ribbon-inner .cta-ribbon__title,
        .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner .cta-ribbon__title {
          flex-basis: 30%;
          border-right: 2px dotted rgba(184, 184, 184, 0.4);
          border-bottom: none;
          padding-right: 1.875rem;
          padding-top: 1.875rem;
          margin-bottom: 0; } }
      @media screen and (min-width: 1200px) {
        .cta-ribbon-inner .cta-ribbon__title,
        .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner .cta-ribbon__title {
          padding-right: 3.125rem; } }
    .cta-ribbon-inner .cta-ribbon__content,
    .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner .cta-ribbon__content {
      max-width: 100%;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .cta-ribbon-inner .cta-ribbon__content,
        .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner .cta-ribbon__content {
          display: flex;
          flex-basis: 100%;
          align-items: center;
          justify-content: space-between; } }
      @media screen and (min-width: 992px) {
        .cta-ribbon-inner .cta-ribbon__content,
        .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner .cta-ribbon__content {
          flex-basis: 70%;
          padding-left: 30px; } }
      @media screen and (min-width: 1200px) {
        .cta-ribbon-inner .cta-ribbon__content,
        .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner .cta-ribbon__content {
          padding-left: 3.125rem; } }
    .cta-ribbon-inner a.button.button--inverse,
    .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner a.button.button--inverse {
      min-width: 15rem;
      margin-top: 1.875rem;
      justify-content: center; }
      @media screen and (min-width: 768px) {
        .cta-ribbon-inner a.button.button--inverse,
        .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner a.button.button--inverse {
          margin-left: 1.875rem;
          margin-top: 0; } }
      @media screen and (min-width: 1200px) {
        .cta-ribbon-inner a.button.button--inverse,
        .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner a.button.button--inverse {
          margin-left: 3.125rem; } }
      .cta-ribbon-inner a.button.button--inverse:hover,
      .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner a.button.button--inverse:hover {
        color: #9E3223; }
        .bg-color-blue .cta-ribbon-inner a.button.button--inverse:hover, .bg-color-blue
        .edit-post-visual-editor .acf-block-preview .cta-ribbon-inner a.button.button--inverse:hover {
          color: #002856; }