.pagination {
  display: flex;
  justify-content: space-between;
  padding: 2vh 2vh;
  height: 10vh;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  bottom: 0px;
}

.pagination button {
  background-color: #ededed;
}

.pagination button:disabled {
  opacity: 0;
}

.pagination .btn-back,
.pagination .btn-next {
  width: 6vh;
  height: 6vh;

}

.btn-next {
  background-image: url(../img/arrow/right.svg);
}

.btn-back {
  background-image: url(../img/arrow/left.svg);
}

@media (orientation: landscape) {

  .pagination {
    height: 10vw;
    padding: 2vw 2vw;
    width: 50%;
  }

  .pagination .btn-back,
  .pagination .btn-next {
    width: 6vw;
    height: 6vw;

  }

}