@charset "UTF-8";

/*Миксины*/

.pagination {
  padding: 8px;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid var(--gray-2);
}

.pagination__link {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  text-decoration: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

a.pagination__link:not(.color--white):hover {
  background: var(--violet-01);
}

@media (max-width: 700px) {
  .pagination {
    padding: 5px;
    gap: 5px;
    border-radius: 12px;
  }

  .pagination .border {
    width: 100%;
    height: 1px;
  }

  .pagination__link {
    width: 38px;
    height: 38px;
    border-radius: 6px;
  }
}