.cta-container {
  position: relative;

  &.bg-primary-darker {
    background-color: transparent;
  }

  &:after {
    background-image: linear-gradient(94.02deg, #1d0f47 3.39%, #1e56a6 99.29%);
    content: "";
    width: 100vw;
    transform: translateX(-50%);
    left: 50%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    z-index: -2;
  }
}

@media (min-width: 992px) {
  .field--name-f-shrd-cta-ref {
    position: relative;
    &:after {
      background: url(../../images/decoration/decoration-logo-mdmc-bg-cta-banner.svg), url(../../images/decoration/decoration-logo-mdmc-bg-cta-banner-2.svg);
      background-position: right center, left center;
      background-repeat: no-repeat;
    }
  }
  .cta-container {
    p,
    a {
      position: relative;
      z-index: 2;
    }
  }
}