/* Reset dasar */
.pagination {
    display: flex;
    gap: 10px;
    padding: 0;
}

.pagination li {
    list-style: none;
}

/* Tombol umum */
.pagination li a {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    background: #f0f0f5;
    color: #444;
    font-weight: 600;
    border-radius: 50%;
    font-size: 14px;
    transition: 0.3s ease;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

/* Hover efek */
.pagination li a:hover {
    background: linear-gradient(135deg, #ff7eb3, #ff758c);
    color: #fff;
    border-color: transparent;
    transform: translateY(-2px) scale(1.08);
}

/* Halaman aktif */
.pagination li.current a {
    background: linear-gradient(135deg, #6a5af9, #836dff);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 6px rgba(120, 80, 255, 0.35);
    cursor: default;
}

/* Arrow (prev/next/first/last) tetap bulat juga */
.pagination li.arrow a {
    font-size: 18px;
}

/* Disabled (jika dipakai nantinya) */
.pagination li.disabled a {
    background: #e6e6e6;
    color: #aaa;
    cursor: not-allowed;
    box-shadow: none;
}

/* Responsive */
@media (max-width: 480px) {
    .pagination li a {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
    }
}