.module-pagination {
    margin-top: max(50px, calc(150 * var(--base-unit)));
    background: #f2f5fa;
    padding: 1em;
    padding-left: 2em;
  }
  
  nav.pagination {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  
  nav.pagination .col-counter {
    margin-right: auto;
    padding-top: 3px;
  }
  
  nav.pagination .col-counter .divider {
    padding: 0 0.1em;
  }
  
  nav.pagination .col-counter .label {
    padding-right: 0.2em;
  }
  
  nav.pagination[data-is-last-page="true"] .col-more {
    pointer-events: none;
    opacity: 0;
  }
  
  
  
  nav.pagination[data-has-single-pages] .col-pages {
    flex-grow: 1;
    --font-size: 22;
    --min-font-size: 18px;
    --max-font-size: 22px;
  }
  
  nav.pagination[data-has-single-pages] .col-pages > * {
    padding: 0 0.3em;
    position: relative;
    color: var(--base-color-dark-blue);
    isolation: isolate;
    margin: 0 0.2em;
  }
  
  nav.pagination[data-has-single-pages] .col-pages > *.current {
    color: var(--base-color-white);
  }
  
  nav.pagination[data-has-single-pages] .col-pages > *::after {
    content: '';
    position: absolute;
    inset: -3px;
    top: -6px;
    display: block;
    background: var(--base-color-white);
    z-index: -1;
    border-radius: 3px;
  }
  
  nav.pagination[data-has-single-pages] .col-pages > *.current::after {
    background: var(--base-color-dark-blue);
  }
  
  nav.pagination[data-has-single-pages] .lnk .label span.arrow {
    display: none;
  }
  
  @media (max-width: 800px) {
    nav.pagination[data-has-single-pages] .lnk .label span.arrow {
      display: inline-block;
      padding: 0 0.5em;
    }
    nav.pagination[data-has-single-pages] .lnk .label span.arrow + span {
      display: none;
    }
  }
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    .module-pagination {
      padding: .5em;
      padding-left: 1em;
    }
    
    .module-pagination .cpy-20 {
      --min-font-size: 14px;
    }
    
    
    
    nav.pagination[data-has-single-pages] .col-pages {
      display: none;
    }
    
    nav.pagination[data-has-single-pages] .lnk .label span.arrow {
      display: none;
    }
    
    nav.pagination[data-has-single-pages] .lnk .label span.arrow + span {
      display: inline-block;
    }
    
    nav.pagination[data-has-single-pages] .col-next {
      margin-left: auto;
    }
    
  }