.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.wd-portfolio-cat__list,
.wd-service-cat__list,
.wd-pill-list__list {
  display: flex;
  gap: 8px;
  gap: var(--list-gap, 8px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.wd-portfolio-cat__link,
.wd-service-cat__link,
.wd-pill-list__link {
  display: inline-block;
  font-size: 1rem;
  font-size: var(--link-font-size, 1rem);
  padding: 4px 12px;
  padding: var(--link-padding, 4px 12px);
  border-radius: 4px;
  border-radius: var(--link-border-radius, 4px);
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--link-bg, rgba(255, 255, 255, 0));
  color: #222;
  color: var(--link-color, #222);
  border: 1px solid #222;
  border: 1px solid var(--link-border-color, #222);
  text-decoration: none;
  -webkit-text-decoration: var(--link-decoration, none);
          text-decoration: var(--link-decoration, none);
}
.wd-portfolio-cat__link:hover, .wd-portfolio-cat__link:focus,
.wd-service-cat__link:hover,
.wd-service-cat__link:focus,
.wd-pill-list__link:hover,
.wd-pill-list__link:focus {
  background-color: #222;
  background-color: var(--link-hover-bg, #222);
  color: #fff;
  color: var(--link-hover-color, #fff);
  border-color: #222;
  border-color: var(--link-hover-border-color, #222);
  text-decoration: none;
  -webkit-text-decoration: var(--link-hover-decoration, none);
          text-decoration: var(--link-hover-decoration, none);
}
.wd-portfolio-cat__list-item.active .wd-portfolio-cat__link,
.wd-portfolio-cat__list-item.active .wd-service-cat__link,
.wd-portfolio-cat__list-item.active .wd-pill-list__link,
.wd-service-cat__list-item.active .wd-portfolio-cat__link,
.wd-service-cat__list-item.active .wd-service-cat__link,
.wd-service-cat__list-item.active .wd-pill-list__link,
.wd-pill-list__list-item.active .wd-portfolio-cat__link,
.wd-pill-list__list-item.active .wd-service-cat__link,
.wd-pill-list__list-item.active .wd-pill-list__link {
  background-color: #222;
  background-color: var(--link-active-bg, #222);
  color: #fff;
  color: var(--link-active-color, #fff);
  border-color: #222;
  border-color: var(--link-active-border-color, #222);
}