/* ===== Pagination ===== */
.pagination {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pagination button {
    background: var(--color-white);
    color: #454c55;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    letter-spacing: 0;
    line-height: 40px;
    min-width: 40px;
    padding: 0 12px;
}

.pagination button.is-active {
    background: var(--color-primary);
    color: var(--color-white);
}

.pagination button.is-active::before {
    background: var(--color-white);
    bottom: 10px;
    content: "";
    height: 1px;
    left: 30%;
    position: absolute;
    width: 40%;
}

.pagination .btn--previous[disabled],
.pagination .btn--next[disabled] {
    display: none;
}

.pagination button[disabled] {
    opacity: .5;
    cursor: not-allowed;
}