.cos-page-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    color: rgba(114, 114, 114, 1);
}

.cos-page-navigation .cos-page-title {
    display: none;
}

.cos-page-navigation a,
.cos-page-navigation span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: rgba(114, 114, 114, 1);
    min-width: 24px;
    height: 24px;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.cos-page-navigation a:not(.cos-page-previous):not(.cos-page-next):hover {
    color: #333333;
}

.cos-page-navigation .cos-page-current {
    color: rgba(41, 41, 42, 1);
}

.cos-page-navigation .cos-page-dots {
    color: rgba(114, 114, 114, 1);
    cursor: default;
}

.cos-page-navigation .cos-page-previous,
.cos-page-navigation .cos-page-next {
    background-color: rgba(217, 217, 217, 1);
    color: #666666;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
}

.cos-page-navigation .cos-page-previous:hover,
.cos-page-navigation .cos-page-next:hover {
    background-color: #cccccc;
    color: #333333;
}