.c-cta-paywall--wrapper {
  margin-top: calc((max(6.00rem, min(calc(5.57rem + 2.08vw), 7.50rem)) + 50px) * (-1));
  margin-top: calc((var(--space-3xl) + 50px) * (-1));
}

.c-cta-paywall--wrapper:has(.c-cta-paywall-fading) {
    z-index: 999;
    position: relative;
  }

.c-cta-paywall--wrapper.no-negative-margin {
    margin-top: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
    margin-top: var(--space-l);
  }

.c-cta-paywall--wrapper.no-negative-margin .c-cta-paywall-fading {
      display: none;
    }

.c-cta-paywall-fading {
  content: ' ';
  display: block;
  height: max(6.00rem, min(calc(5.57rem + 2.08vw), 7.50rem));
  height: var(--space-3xl);
  background: linear-gradient(to bottom, transparent, #F2F0EC);
  background: linear-gradient(to bottom, transparent, var(--color-page-bg));
  position: relative;
}

.c-cta-paywall-fading.no-fading {
    background: transparent;
  }

.c-cta-paywall {
  padding: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
  padding: var(--space-l);
  background-color: #201C40;
  background-color: var(--color-base);
  color: #FFF;
  color: var(--color-white);
}

.c-cta-paywall--heading {
  font-size: max(1.44rem, min(calc(1.29rem + 0.71vw), 1.95rem));
  font-size: var(--step-2);
  font-family: 'Poppins', sans-serif;
  font-family: var(--font-brand);
  font-weight: 600;
}

.c-cta-paywall--description {
  margin-top: max(0.75rem, min(calc(0.70rem + 0.26vw), 0.94rem));
  margin-top: var(--space-xs);
  font-size: max(1.00rem, min(calc(0.8rem + 0.35vw), 1.25rem));
  font-size: var(--step-0);
}

.c-cta-paywall--description a {
    color: #FFF;
    color: var(--color-white);
    font-weight: 700;
  }

.c-cta-paywall--description a:hover {
    color: #FFA902;
    color: var(--color-yellow);
  }

span.c-cta-paywall--padlock {
  display: inline-block;
  width: 28px;
  height: 38px;
  background: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2239%22 viewBox%3D%220 0 28 39%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M28 20.6327V35.8057C28 37.5668 26.3923 38.9893 24.5167 38.9893H3.48325C1.54067 38.9893 0 37.4991 0 35.8057V20.6327C0 18.8716 1.54067 17.3814 3.48325 17.3814H4.08612V11.0142C4.08612 5.45985 8.50718 0.989258 13.933 0.989258C19.4258 0.989258 23.8469 5.45985 23.8469 11.0142V17.3814H24.5167C26.3923 17.3814 28 18.8039 28 20.6327ZM8.23923 17.3814H19.6938V11.0142C19.6938 7.76288 17.1483 5.1889 13.933 5.1889C10.8517 5.1889 8.17225 7.76288 8.17225 11.0142L8.23923 17.3814Z%22 fill%3D%22%23FFA902%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0;
  background-size: contain;
}

.c-cta-paywall--links {
  margin-top: max(0.75rem, min(calc(0.70rem + 0.26vw), 0.94rem));
  margin-top: var(--space-xs);
  display: flex;
  flex-direction: column;
  gap: max(0.75rem, min(calc(0.70rem + 0.26vw), 0.94rem));
  gap: var(--space-xs);
}

.c-cta-paywall--links a.c-button {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
  padding: max(0.25rem, min(calc(0.23rem + 0.09vw), 0.31rem));
  padding: var(--space-3xs);
  font-size: max(0.83rem, min(calc(0.79rem + 0.23vw), 1.00rem));
  font-size: var(--step--1);
  border: 1px solid #FFA902;
  border: 1px solid var(--color-yellow);
}

.c-cta-paywall--links a.c-button:nth-child(2) {
    background-color: transparent;
    border: 1px solid #FFF;
    border: 1px solid var(--color-white);
    color: #FFF;
    color: var(--color-white);
  }

.c-cta-paywall--links a.c-button:nth-child(1):hover {
    background-color: transparent;
    border: 1px solid #FFF;
    border: 1px solid var(--color-white);
    color: #FFF;
    color: var(--color-white);
  }

.c-cta-paywall--links a.c-button:nth-child(2):hover {
    background-color: #FFA902;
    background-color: var(--color-yellow);
    border-color: #FFA902;
    border-color: var(--color-yellow);
    color: #201C40;
    color: var(--color-base);
  }

@media (min-width: 990px) {
  .c-cta-paywall--links--flex {
    flex-direction: row;
  }

  .c-cta-paywall--links--flex a.c-button {
    width: 50%;
  }
}

/* Hide hero elements */
.c-hero--content-image {
  display: none;
}

.page-node-type-wr-page .c-hero--content .c-hero--content-text,
.page-node-type-page .c-hero--content .c-hero--content-text {
  border-bottom: none;
}