/*
Содержание:
1. Кнопки
*/

/* базовые стили кнопок */
.btn {
  height: 30px;
  border-radius: var(--btn-border-radius);
  padding: 5px 10px;
  cursor: pointer;
}

.btn:hover {
  filter: brightness(0.85);
}

.btn:active {
  filter: brightness(0.85);
}

.btn-inactive {
  background-color: var(--gray185) !important;
  cursor: default;
}

.btn-inactive:hover {
  filter: brightness(1);
}

.btn-page {
  width: auto;
  border-radius: 0;
  background-color: var(--white);
  font-size: 16px;
  font-weight: 500;
}

.btn-filters {
  height: 45px;
  border-radius: 0;
  background-color: var(--white);
  transition: transform 0.2s ease-in-out;
}

.btn-filters:hover {
  transform: scale(1.05);
}

.btn-filters.active {
  background-color: var(--blue);
  color: var(--white);
}

.btn-footer {
  border-radius: 0;
  opacity: 1;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 300;
  color: var(--black);
}

@media (max-width: 768px) {
  .btn-filters {
    height: 40px;
  }
}