.pagination-info {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 justify-self: center;
	 gap: 10px;
	 padding: 12px 16px;
	 border-radius: 12px;
	 font-size: 0.9rem;
	 color: var(--font);
	 border: 1px solid var(--border);
	 box-shadow: 0 2px 8px var(--shadow-black-05);
	 transition: all 0.3s ease;
}
 .pagination-info:hover {
	 transform: translateY(-1px);
	 box-shadow: 0 4px 12px var(--shadow-black-light);
}
 .pagination-info .info-icon {
	 min-width: 20px;
	 max-width: 20px;
	 fill: var(--link-active);
	 animation: pulse 2s infinite;
}
 .pagination-info span {
	 line-height: 1.5;
}
 .pagination-info strong {
	 color: var(--link-active);
	 font-weight: 600;
}

/* Skeleton/inline styles */
.skel {
  border-radius: 12px;
  background: linear-gradient(90deg, var(--border) 25%, var(--hbs) 50%, var(--border) 75%);
  background-size: 200% 100%;
  animation: skel-shimmer 2.1s ease-in-out infinite;
}
.skel-pagination-info {
  height: 46px;
  width: 100%;
}
@keyframes skel-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}