
.cpe-page .cpe-loadmore {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;
    padding-top:65px;
    text-align:center;
}
.cpe-loadmore-progress {
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
    justify-content:center;
    color:#d4bb94;
    font-size:11px;
    letter-spacing:.16em;
}
.cpe-loadmore-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    min-width:270px;
    padding:20px 29px;
    border:1px solid rgba(221,185,131,.65);
    border-radius:3px;
    background:linear-gradient(120deg,rgba(195,154,98,.14),rgba(18,37,62,.65));
    color:#f1dfc1;
    font-size:11px;
    font-weight:700;
    letter-spacing:.19em;
    text-decoration:none;
    transition:background .25s,border-color .25s,transform .25s;
}
.cpe-loadmore-button:hover {
    background:rgba(203,162,106,.23);
    border-color:#e0b982;
    transform:translateY(-2px);
}
.cpe-loadmore-button.is-loading {
    opacity:.65;
    pointer-events:none;
}
.cpe-loadmore-arrow {font-size:19px}
.cpe-loadmore-error {
    color:#f0b6a9;
    font-size:13px;
}
.cpe-loadmore-complete {
    color:#d6bb90;
    font-size:11px;
    letter-spacing:.15em;
}
.cpe-loadmore-error[hidden],
.cpe-loadmore-complete[hidden] {display:none!important}
@media(max-width:560px) {
    .cpe-page .cpe-loadmore {padding-top:40px;gap:18px}
    .cpe-loadmore-button {width:100%;max-width:340px;min-width:0}
    .cpe-loadmore-progress {font-size:9px;letter-spacing:.09em}
}
