.bs-wc-loadmore-wrap{
    display:flex;
    justify-content:center;
    margin: 18px 0 10px;
}

.bs-wc-loadmore-btn{
    display:inline-flex;
    align-items:center;
    gap: 12px;
    padding: 12px 18px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
}

.bs-wc-loadmore-btn:hover{
    border-color: rgba(0,0,0,.20);
}

.bs-wc-loadmore-btn:disabled{
    opacity: .6;
    cursor: not-allowed;
}

.bs-wc-loadmore-ico{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 3px solid rgba(0,0,0,.15);
    border-top-color: rgba(0,0,0,.55);
    display:inline-block;
    box-sizing:border-box;
}

.bs-wc-loadmore-btn.is-loading .bs-wc-loadmore-ico{
    animation: bsSpin 0.8s linear infinite;
}

@keyframes bsSpin{
    to { transform: rotate(360deg); }
}


/* Отступ между кнопкой "Показати ще" и пагинацией */
.bs-wc-loadmore-wrap{
    margin: 18px 0 12px;
}

/* Центруем пагинацию под кнопкой */
nav.woocommerce-pagination{
    display: flex;
    justify-content: center;
    margin: 0 0 18px;
}

/* Сбрасываем дефолт */
nav.woocommerce-pagination ul.page-numbers{
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
}

/* Делаем “единый блок” из квадратов (без щелей) */
nav.woocommerce-pagination ul.page-numbers > li{
    margin: 0;
}

/* Общий вид кнопок пагинации */
nav.woocommerce-pagination ul.page-numbers > li > a,
nav.woocommerce-pagination ul.page-numbers > li > span{
   min-width: 36px;
    height: 34px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, .12);
    color: #205c21;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-left: -1px;
}
.woocommerce nav.woocommerce-pagination ul li{
    border: 0px solid !important;
}

/* Скругления краёв как на скрине */
nav.woocommerce-pagination ul.page-numbers > li:first-child > a,
nav.woocommerce-pagination ul.page-numbers > li:first-child > span{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left: 0;
}

nav.woocommerce-pagination ul.page-numbers > li:last-child > a,
nav.woocommerce-pagination ul.page-numbers > li:last-child > span{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Hover */
nav.woocommerce-pagination ul.page-numbers > li > a:hover{
    background: rgba(124, 58, 237, .08);
}

/* Текущая страница */
nav.woocommerce-pagination ul.page-numbers > li > span.current{
        background: #205c21;
    border-color: #205c2145;
    color: #ffffff;
}

/* Стрелки (prev/next) — чуть уже, но такие же по стилю */
nav.woocommerce-pagination a.prev,
nav.woocommerce-pagination a.next{
    min-width: 36px;
    padding: 0;
}
nav.woocommerce-pagination ul.page-numbers{
    border: 0px;
}