/**
Include icons in scss/css.
Usage: 
 @include icon(close);
*/
/*
Media query mixin.
Usage: 
@include media($bp-l, min)
*/
/*
Mixin to add loading spinner to button/element.
Usage: 
@include loading()
*/
.pagination {
  display: flex;
  justify-content: center;
  column-gap: 0.5rem;
  padding: 0 1rem;
}
.pagination a,
.pagination span {
  color: #054040;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
}
.pagination a[href],
.pagination span[href] {
  text-decoration: none;
  transition: background-color 350ms ease-in-out;
}
.pagination a[href]:hover,
.pagination span[href]:hover {
  background-color: #d7fff2 !important;
}

.pagination__prev a:not([href]),
.pagination__next a:not([href]) {
  opacity: 0.5;
}

.pagination__prev a {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4L5 8L9 12' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.pagination__next a {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4L11 8L7 12' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.pagination__parts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}

.pagination__current {
  background-color: #d7fff2 !important;
}