.post-filter-btns {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap;
  margin-bottom: 26px;
  /* margin-bottom: 3rem; */
  overflow-x: auto;
  scrollbar-width: 0;
}

.post-filter-btn {
  background-color: var(--color_black_800);
  padding: 8px 12px;
  border-radius: 30px;
  border: 1px solid var(--light_border_color);
  text-transform: uppercase;
  font-weight: 600;
  width: max-content;
  flex-shrink: 0;
}

.post-filter-btn:focus {
  background-color: transparent;
  border: 1px solid var(--light_border_color);
}

.post-filter-btn.active {
  background-color: var(--color_white);
  border: 1px solid var(--color_pink);
  color: var(--color_black_800);
}

.event-spinner {
  display: none;
  text-align: center;
  /* position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; */
}

.event-spinner svg {
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

/* Make SVG white */
.event-spinner svg path {
  fill: #fff;
}

/* Spin animation */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* .event-spinner img {
  width: 80px;
  height: 80px;
} */

.filter-title {
  color: var(--color_pink);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

@media screen and (max-width: 575px) {
  .event-cards-wrapper:not(.slick-initialized) {
    grid-template-columns: repeat(1, 1fr) !important;
    row-gap: 45px !important;
    margin-top: 60px !important;
  }
}