/* primary */
/* primary hover */
/* dark */
/* light */
/* light hover */
/* accent */
/* accent hover */
.seofilters-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.seofilters-links__group {
  position: relative;
}

.seofilters-links__header {
  margin-bottom: 10px;
  font-weight: 700;
}

.seofilters-links__wrapper {
  position: relative;
}

.seofilters-links__slider {
  width: 100%;
}

.seofilters-links__prev {
  left: -10px;
}

.seofilters-links__next {
  right: -10px;
}

.seofilters-links__prev,
.seofilters-links__next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #686868;
  width: 28px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.4s ease-in-out;
  z-index: 2;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.seofilters-links__prev:hover,
.seofilters-links__next:hover {
  transform: scale(1.12);
}

.seofilters-links__prev.swiper-button-disabled,
.seofilters-links__next.swiper-button-disabled {
  visibility: hidden;
}

.seofilters-links__item {
  display: inline-block;
  width: auto;
}

.seofilters-links__link {
  display: inline-block;
  width: auto;
  vertical-align: top;
  text-decoration: none;
  padding: 3px 9px;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.seofilters-links__link:hover {
  color: var(--button-color-dark);
  border-color: var(--primary-color-hover);
}

.seofilters-links__link_current {
  color: var(--button-color-dark);
  border-color: var(--button-color-dark);
}