@media (max-width: 515px) {
		.pag__list .item__long {
			display: none;
		}
	}






.pag {
  margin: 20px 0 0 0;
}
.pag__list {
  vertical-align: top;
  display: inline-block;
  animation-fill-mode: both;
  animation-duration: 1.2s;
}
.pag__item {
  margin: 0 3px;
  /*border-bottom: 2px solid transparent;*/
  transition: border-color 0.2s ease-out;
  vertical-align: top;
  display: inline-block;
}
.pag__item:hover, .pag__item--active {
  border-bottom-color: var(--primaryColor-500);
}
.pag__item--next, .pag__item--prev {
  font-size: 22px;
}
.pag__link {
  padding: 0 16px;
  line-height: 34px;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  display: inline-block;
}


/* pagination__item*/

.pag__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: initial;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid var(--color-border-primary);
  background-color: var(--color-header-background);
  transition: all 0.3s;
}
.txt-style .pag__link{
  border: 1px solid var(--color-border-primary);
  background-color: var(--color-header-background);
}
.pag__item--active .pag__link{
  color: var(--color-header-background);
  border-color: var(--color-accent);
  background-color: var(--color-accent);
  pointer-events: none;
}

body a.pag__link {
	color: initial;
	border-color: initial;
}
body a.pag__link:hover {
	color: initial;
	border-color: initial;
}

.pag__list {
  justify-content: center;
  display: flex;
}