.elementor-25 .elementor-element.elementor-element-a3998a7{--display:flex;}.elementor-25 .elementor-element.elementor-element-971acd6{text-align:center;}.elementor-25 .elementor-element.elementor-element-971acd6 .elementor-heading-title{color:#FFFFFF;}.elementor-25 .elementor-element.elementor-element-b487aa3{--display:flex;}.elementor-25 .elementor-element.elementor-element-9550dd2{--grid-columns:3;}.elementor-25 .elementor-element.elementor-element-9550dd2 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-25 .elementor-element.elementor-element-9550dd2 .e-loop-item > .elementor-section, .elementor-25 .elementor-element.elementor-element-9550dd2 .e-loop-item > .elementor-section > .elementor-container, .elementor-25 .elementor-element.elementor-element-9550dd2 .e-loop-item > .e-con, .elementor-25 .elementor-element.elementor-element-9550dd2 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-25 .elementor-element.elementor-element-9550dd2{--grid-columns:2;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-9550dd2{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-a3998a7 */.recipe-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.filter-btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #eee;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background 0.2s ease;
}

.filter-btn:hover {
  background: #ddd;
}

.filter-btn.active {
  background: #222;
  color: #fff;
}/* End custom CSS */