Вопрос как мне сделать кнопки css

у меня есть стили для каталога и кнопок но когда я произвожу поиск или недостаточно карточек после фильтрации то кнопки встают вместо карточек
/* Стили для каталога-кнопки */
.pagination {
display: flex; /* Используем flexbox для расположения кнопок */
justify-content: center; /* Центрируем кнопки */
margin-top: 30px; /* Отступ сверху для разделения с карточками */
}

.page-btn {
margin: 0 5px; /* Отступ между кнопками */
padding: 10px 15px; /* Отступы для кнопки */
background-color: rgba(140, 26, 255, 0.8); /* Прозрачный фон, схожий с цветом информации карточек */
color: white; /* Цвет текста кнопки */
border: none; /* Убираем границу */
border-radius: 5px; /* Скругляем углы */
cursor: pointer; /* Изменяем курсор на указатель */
transition: background-color 0.3s ease; /* Анимация изменения цвета фона */
}

.page-btn:hover {
background-color: rgba(255, 255, 255, 0.2); /* Светлый фон при наведении */
}

/* Адаптивность */
@media (max-width: 768px) {
.episode-grid {
grid-template-columns: repeat(2, 1fr); /* Две карточки на планшетах */
}
}

@media (max-width: 480px) {
.episode-grid {
grid-template-columns: 1fr; /* Одна карточка на мобильных устройствах */
}
}