#paging{margin:25px 0;text-align:center;font-family:"Segoe UI", Arial, sans-serif;}.paging a,.paging span{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;margin:4px;font-size:15px;font-weight:500;text-decoration:none;color:#333;background:#f5f5f5;border-radius:10px;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.05);position:relative;overflow:hidden;transition:all 0.25s ease;cursor:pointer;}.paging a:hover{background:#e1f5fe;color:#0288d1;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.08);}.paging span{background:linear-gradient(135deg, #7b1fa2, #9c27b0);color:#fff;border:none;box-shadow:0 3px 8px rgba(156,39,176,0.25);transform:scale(1.05);}.paging a:active{transform:scale(0.92);background:#c8e6c9;color:#2e7d32;box-shadow:inset 0 2px 6px rgba(0,0,0,0.1);}.paging a::after{content:"";position:absolute;width:0;height:0;top:50%;left:50%;background:rgba(0, 105, 217, 0.3);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.4s ease, height 0.4s ease, opacity 0.5s ease;opacity:0;}.paging a:active::after{width:120%;height:120%;opacity:1;transition:0s;}