.books {
  background-color: var(--text-light-color);
}

.books__container {
  padding-top: 140px;
  padding-bottom: 140px;
}

.books__title {
  margin-bottom: 30px;
}

.books__title-sm {
  max-width: 60%;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: var(--title-color);
}

.books__descr {
  max-width: 85%;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--descr-color);
}

.books__link-email {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-hover-color);
  border-bottom: 1px solid var(--text-hover-color);
}

.bools__list {
  padding-top: 60px;
  margin-bottom: 60px;
}

.books__link-disabled,
.books__link-descr-disabled {
  display: none;
}

.books__item {
  padding: 10px 0;
  border-bottom: 1px solid var(--border-color);
}

.books__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.books__link-descr-block {
  max-width: 80%;
}

.books__link-left {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.books__autor {
  max-width: 14%;
  text-align: right;
}

.books__link-descr,
.books__autor {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--descr-color);
  transition: color .3s ease-in-out;
}

.books__link path {
  transition: stroke.3s ease-in-out;
}

.books__link:hover .books__link-descr,
.books__link:hover .books__autor {
  color: var(--text-hover-color);
}

.books__link:hover path {
  stroke: var(--text-hover-color);
}

.books__item .disabled .books__link-active {
  display: none;
}

.books__item .disabled .books__link-disabled {
  display: block;
}

.books__item .disabled .books__link-descr-disabled {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: var(--disabled-color);
}

.books__item .disabled .books__link-descr,
.books__item .disabled .books__autor {
  color: var(--disabled-color);
}

.books__item .disabled {
  pointer-events: none;
}

/* pagination */
.books__pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination__btn {
  padding: 16px 27px;
  border: 2px solid var(--text-hover-color);
  border-radius: 3px;
  transition: color .3s ease-in-out;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-hover-color);
  transition: color .3s ease-in-out,
    background-color .3s ease-in-out;
}

.pagination__btn-active,
.pagination__btn:hover,
.pagination__btn:hover path,
.pagination__btn:focus-visible,
.pagination__btn:focus-visible path {
  background-color: var(--text-hover-color);
  color: var(--bg-color);
  fill: var(--bg-color);
}

.pagination__btn.disabled {
  pointer-events: none;
  border-color: rgba(78, 70, 235, 0.4);
}

.pagination__btn.disabled path {
  fill: rgba(78, 70, 235, 0.4);
}

.pagination__btn path {
  transition: fill .3s ease-in-out;
}

.pagination__btn:focus-visible {
  outline: 0;
}