@use "../variables" as *;
// Retro Pagination
.retro-pagination {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 8px 0;
}
.retro-pagination .retro-btn {
  min-width: 36px;
  padding: 4px 12px;
  font-size: var(--retro-font-size-lg);
  border-radius: var(--retro-border-radius);
  border: 2px solid var(--retro-border-dark);
  background: var(--retro-light);
  color: var(--retro-black);
  box-shadow: 1px 1px 0 var(--retro-border-light);
  transition: background 0.2s, color 0.2s;
}
.retro-pagination .retro-btn.active,
.retro-pagination .retro-btn:active {
  background: var(--retro-primary);
  color: var(--retro-primary-fg);
  font-weight: bold;
  border-color: var(--retro-primary);
}