.doz-paywall {
  position: relative;
  margin: 0 0 clamp(5rem, 2.674rem + 6.783vw, 10rem);
  text-align: center; }
  @media only screen and (min-width: 1280px) {
    .doz-paywall {
      padding: 0 clamp(4.429rem, -20.005rem + 26.724vw, 8.857rem); } }
  .doz-paywall:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top: -50%;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%); }
  .doz-paywall-top {
    position: relative;
    padding: calc(3.57rem + clamp(1.714rem, 1.449rem + 0.775vw, 2.286rem)) 5% 3.57rem;
    color: #FFFFFF;
    background-color: #00305B; }
    .doz-paywall-top .doz-badge {
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      height: clamp(3.429rem, 2.897rem + 1.55vw, 4.571rem);
      width: auto;
      transform: translate(-50%, -50%); }
    .doz-paywall-top-text {
      margin-bottom: 3.57rem; }
      .doz-paywall-top-text ul {
        max-width: 36rem;
        margin-inline: auto;
        text-align: left;
        list-style: none; }
      .doz-paywall-top-text li {
        display: flex;
        align-items: center; }
        .doz-paywall-top-text li:before {
          content: '';
          display: inline-block;
          width: 0.55em;
          height: 0.55em;
          margin-right: 0.8em;
          background: url("../../assets/icons/icon-plus.svg") center/auto 100% no-repeat; }
      .doz-paywall-top-text p, .doz-paywall-top-text li {
        font-size: 14px;
        line-height: 1.5;
        font-size: clamp(1.143rem, 1.076rem + 0.194vw, 1.286rem); }
      .doz-paywall-top-text a {
        font-size: inherit;
        color: #FFFFFF; }
    .doz-paywall-top .btn-primary {
      display: inline-block;
      position: relative;
      align-content: center;
      font-family: "Noto Sans", sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.4;
      padding: 1.072em 2.8em;
      color: #FFFFFF;
      background-color: #00305B;
      border: 1px solid #00305B;
      border-radius: 0;
      text-decoration: none;
      color: #FFFFFF;
      background-color: transparent;
      border-color: #FFFFFF; }
      .doz-paywall-top .btn-primary:after {
        content: '';
        display: inline-block;
        margin-left: 0.7em;
        width: 0.7em;
        height: 0.7em;
        transform: rotate(45deg);
        transform-origin: center;
        border-style: solid;
        border-color: #E94E24;
        border-width: 2px 2px 0 0; }
      .doz-paywall-top .btn-primary:hover {
        color: #000000;
        background-color: transparent;
        border-color: rgba(0, 48, 91, 0.2); }
      .doz-paywall-top .btn-primary:active {
        scale: 0.95; }
      .doz-paywall-top .btn-primary:hover {
        color: #00305B;
        background-color: #FFFFFF;
        border-color: #FFFFFF; }
      .doz-paywall-top .btn-primary:disabled {
        opacity: 0.5;
        pointer-events: none; }
      .doz-paywall-top .btn-primary:not(:last-of-type) {
        margin: 0 1em 1em 0; }
  .doz-paywall-bottom {
    margin: 2.143rem 5%;
    color: #4A4B4D; }
    .doz-paywall-bottom a {
      font-weight: 400; }
      .doz-paywall-bottom a:not(:hover) {
        color: #4A4B4D;
        text-decoration-color: #4A4B4D; }

/*# sourceMappingURL=paywall.css.map */