Зеркала

<style>
/* Контейнер для кнопок */
.custom-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; /* расстояние между кнопками */
}

/* Стиль для каждой ссылки (кнопки) */
.custom-links a {
  display: inline-flex; /* чтобы центрировать текст по вертикали и горизонтали */
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 7px 12px;
  border-radius: 4px;
  background-color: #f5f5f5; /* изначальный фон */
  color: #333; /* изначальный цвет текста */
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.15px;
  text-decoration: none; /* убрать подчёркивание */
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, padding 0.2s;
}

/* Эффект при наведении */
.custom-links a:hover {
  background-color: #4F728E; /* цвет фона при наведении */
  color: #fff; /* цвет текста при наведении */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
  .custom-links a {
    font-size: 12px;
    padding: 6px 10px;
    min-height: auto; /* чтобы не было жёсткого ограничения по высоте */
    width: auto; /* ширина по содержимому */
    flex-basis: calc(50% - 8px); /* две кнопки в строке с отступом */
    text-align: center; /* текст по центру внутри ссылки */
    justify-content: center; /* центрирование содержимого внутри ссылки */
    align-items: center;
    display: flex;
  }
}
</style>

<div class="custom-links">
  <a href="https://gipermarketdom.ru/catalog/vanny/">Ванны</a>
  <a href="https://gipermarketdom.ru/catalog/dushevye_kabiny/">Душевые кабины</a>
  <a href="https://gipermarketdom.ru/catalog/unitazy_rakoviny/">Унитазы и раковины</a>
  <a href="https://gipermarketdom.ru/catalog/aksessuary_dlya_vannoy/">Аксессуары для ванной комнаты</a>
  <a href="https://gipermarketdom.ru/catalog/kovry_dlya_vannoy/">Ковры для ванной</a>
  <a href="https://gipermarketdom.ru/catalog/karnizy_dlya_vannoy/">Карнизы для ванной</a>
  <a href="https://gipermarketdom.ru/catalog/shtory_dlya_vannoy/">Шторы для ванной</a>
  <a href="https://gipermarketdom.ru/catalog/smesiteli_dlya_vanny/">Смесители для ванны</a>
  <a href="https://gipermarketdom.ru/catalog/sifon/">Сифон</a>
</div>