#page-404 {
  background-image: linear-gradient(105deg, #1e368d 7%, #1943dc 80%);

  @media (min-width: 992px) {
    &:before {
      pointer-events: none;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      pointer-events: none;
      top: 0;
      right: 0;
      background-image: url(../../images/decoration/decoration-logo-mcs-bg-cta-banner.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 130% center;
      z-index: 0;
    }
  }

  &:after {
    pointer-events: none;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    opacity: 1;
    top: 0;
    right: 0;
    background-image: url(../../images/decoration/pattern-transparent-dark.png);
    background-size: 200px;
    background-repeat: repeat;
    background-position: center right;
  }

  .btn {
    background-color: #fff;
    span {
      color: #0025a3;
    }
  }
}