:root {
    --sz-green: #2f9837;      /* Посилання, активна кнопка 2f9837 */
    --sz-green-dark: #2a651d; /* Кнопка при натисканні */
}


ul.pagination-wrapper {
    display: flex !important;
    width: 100% !important;
    list-style: none !important;
    margin: 60px 0 60px;    
    justify-content: center !important;
    align-items: center;
}


/*  --the7-text-big-line-height: 1.6em; 
    --the7-title-color: #333333;
    --the7-base-color: #8b8d94;
    --the7-base-font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    --the7-links-color: #2f9837;
    --the7-text-big-font-size: 16px;
*/

ul.pagination-wrapper .page-link {
    background: none !important;
    border: none !important;
    color: #333333 !important;
    font-size: 16px;
    text-decoration: none;
    box-shadow: none !important;

    line-height: 32px;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}


ul.pagination-wrapper .page-item.btn-primary .page-link {
    text-decoration: none;
    
}

ul.pagination-wrapper .page-item {
    display: inline-block;
    margin: 0px 6px 0px 6px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
  }

ul.pagination-wrapper .page-item:hover,
ul.pagination-wrapper .page-item_dig.btn-current {
    border-top: 2px solid var(--sz-green);
    border-bottom: 2px solid var(--sz-green);
}


ul.pagination-wrapper .page-item[disabled="true"] {
    /*opacity: 0.3;*/
    cursor: not-allowed;
    display: none;
}

ul.pagination-wrapper .page-link:hover {
    color: var(--sz-green-dark) !important;
}