.filter-buttons .btn {
    margin: 0.25rem;
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--text-light);
    transition: all 0.2s ease-in-out;
}

.filter-buttons .btn:hover, .filter-buttons .btn.active {
    background-color: var(--primary-color);
    color: white;
}


.blog-card {
  padding: 1.5rem; /* Подберите комфортные отступы */
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.blog-card .card-img-top {
  width: 100%;
  height: 350px; /* Можете настроить высоту картинки */
  object-fit: cover;
}

.blog-card .card-title {
  font-size: 1.5rem;
  color: white;
  font-family: 'Montserrat', serif;
}