@import url("http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");
* {
  box-sizing: border-box;
}

a {
  transition: all 150ms ease;
  color: rebeccapurple;
  border: 1px solid transparent;
  text-decoration: none;
  line-height: 36px;
}
a:hover {
  color: #CC0033;
  border: 1px solid rebeccapurple;
  border-radius: 2px;
}

body {
  padding: 30px;
}

.wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.pagination {
  padding: 20px 0;
  border-top: 1px solid #efefef;
  width: 100%;
  text-align: center;
  position: relative;
}
.pagination a {
  color: #999;
  text-align: center;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.pagination a:hover {
  color: rebeccapurple;
}
.pagination .more {
  color: #111;
}
.pagination .active {
  color: rebeccapurple;
  border: 1px solid rebeccapurple;
  border-radius: 2px;
}
.pagination .prev, .pagination .next {
  width: auto;
  padding: 0 10px;
  font-size: .8em;
  text-transform: uppercase;
}
.pagination .prev {
  position: absolute;
  left: 10px;
}
.pagination .prev .icon {
  display: inline-block;
  margin-right: 10px;
}
.pagination .next {
  float: right;
}
.pagination .next .icon {
  margin-left: 10px;
}

.pagination-two {
  display: none;
  background: #efefef;
  padding: 20px 0;
  border-top: 1px solid #efefef;
  width: 100%;
  text-align: center;
  position: relative;
}
.pagination-two a {
  text-align: center;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.pagination-two .more {
  color: #111;
}
.pagination-two .active {
  color: #111;
  border: 1px solid #111;
  border-radius: 2px;
}
.pagination-two .prev, .pagination-two .next {
  font-size: 0;
  width: auto;
  padding: 0 10px;
  text-transform: uppercase;
}
.pagination-two .prev .icon, .pagination-two .next .icon {
  font-size: 14px;
}
.pagination-two .prev {
  position: absolute;
  left: 10px;
}
.pagination-two .prev .icon {
  display: inline-block;
  margin-right: 10px;
}
.pagination-two .next {
  position: absolute;
  right: 10px;
}
.pagination-two .next .icon {
  margin-left: 10px;
}