.opa-custom-category-blog-navigation {
    display: flex;
    flex-direction: column;
}

.opa-custom-category-blog-navigation .opa-category-level {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 30px;
    justify-content: start;
}

.opa-custom-category-blog-navigation .opa-category-level a.opa-category-button {
  border: 1px solid #ccc;
  text-align: center;
  display: inline-block;
  font-family: "Crimson Pro", Sans-serif;
  font-size: 22px;
  font-weight: 500;
  fill: var( --e-global-color-text );
  color: var( --e-global-color-text );
  background-color: #EAEAEA;
  border-style: none;
  border-radius: 5px 5px 5px 5px;
  padding: 8px 40px 8px 40px;
  text-decoration: none;
  line-height: 1;
}

.opa-custom-category-blog-navigation .opa-category-level a.opa-category-button.active {
    background-color: #ae0018;
    color: #fff;
    border-color: #ae0018;
}

.opa-custom-category-blog-navigation .opa-category-level a.opa-category-button:hover {
    background-color: #ae0018;
    color: #fff;
    border-color: #ae0018;
}

@media (max-width: 767px) {
.opa-custom-category-blog-navigation .opa-category-level
  {
    justify-content:center;
  }
	.opa-custom-category-blog-navigation .opa-category-level a.opa-category-button
  {
    font-size: 1rem;
    padding: 8px 30px 8px 30px;
  }
}