/* ==========================================================================
   #PAGINATION
   ========================================================================== */

/**
/* Base classes for pagination
/*/

.o-pagination {
  display: flex;
}





.o-pagination__item {
  border-radius: 100%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: theme('colors.white');
  margin: 0 2px;
  cursor: pointer;
}

.o-pagination__item:hover {
  background-color: theme('colors.bewelcome-dark');
}

.o-pagination__item--active {
  background-color: theme('colors.bewelcome');
}

.o-pagination__item--disabled {
  display: none;
}

.o-pagination__item--transparent,
.o-pagination__item--transparent:hover {
  background-color: transparent;
  cursor: auto;
}





.o-pagination__link {
  color: theme('colors.gray-70');
  font-family: Signika;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-pagination__item:hover .o-pagination__link,
.o-pagination__item--active .o-pagination__link {
  color: theme('colors.white');
}






.o-pagination__icon {
  fill: theme('colors.gray-70');
}

.o-pagination__item:hover .o-pagination__icon {
  fill: theme('colors.white');
}

.o-pagination__icon--right,
.o-pagination__icon--left {
  height: 10px;
}

.o-pagination__icon--ellipsis,
.o-pagination__item:hover .o-pagination__icon--ellipsis {
  height: 20px;
  fill: theme('colors.gray-20');
  cursor: auto;
}
