/* FILTER BUTTON STYLE */

.filter-btn {
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease;
}

.filter-btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: #6B1A2A;
  transition: width 0.3s ease;
}

.filter-btn:hover {
  color: #6B1A2A;
}

.filter-btn:hover::after {
  width: 100%;
}










.filter-btn {
  @apply relative text-black/70 transition;
}

.filter-btn::after {
  content: "";
  @apply absolute left-0 bottom-[-2px] h-[1px] w-0 bg-[#6B1A2A] transition-all;
}

.filter-btn:hover {
  @apply text-[#6B1A2A];
}

.filter-btn:hover::after {
  width: 100%;
}