.whippet-news-filter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px 8px;
  flex-wrap: wrap;
}
.whippet-news-filter .term {
  border: 2px solid var(--e-global-color-primary);
  font-family: var(--e-global-typography-f385e92-font-family), sans-serif;
  font-size: var(--e-global-typography-f385e92-font-size);
  font-weight: var(--e-global-typography-f385e92-font-weight);
  -webkit-text-decoration: var(--e-global-typography-f385e92-text-decoration);
          text-decoration: var(--e-global-typography-f385e92-text-decoration);
  line-height: var(--e-global-typography-f385e92-line-height);
  border-radius: 50px;
  padding: 12px 28px;
  transition: all 0.3s;
  text-align: center;
}
.whippet-news-filter .term--active {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-c919ae1);
  pointer-events: none;
}
.whippet-news-filter .term--inactive {
  background-color: transparent;
  color: var(--e-global-color-primary);
}
.whippet-news-filter .term--inactive:hover {
  background-color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
  color: var(--e-global-color-c919ae1);
}
@media only screen and (min-width: 480px) {
  .whippet-news-filter {
    gap: 10px 15px;
  }
}
@media only screen and (min-width: 768px) {
  .whippet-news-filter {
    gap: 15px 20px;
  }
}
