/* LESS Variables */
/* -------------- */
/* General */
/* Button Bar */
/* Button */
/* Elements */
/* -------- */

/* Layout */
/* ------ */
.button-bar {
  padding: 40px;
  padding-top: 0px;
}
/* General Button */
/* -------------- */
.button {
  position: relative;
  margin: 20px auto;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 2.8px;
  padding-bottom: 2.8px;
  background: #0030c2a6;
  color: white;
  font-size: 14px;
  border: 0px;
  height: 30px;
}
.button::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
}
.button:hover {
  background: #0585e8;
}
/* Arrow Buttons */
/* ------------- */
.next::after,
.prev::after {
  border-style: solid;
}
/* Next Button */
/* ----------- */
.next::after {
  right: -29.7px;
  border-width: 15.4px;
  border-color: transparent transparent transparent #0030c2a6;
}
.next:hover::after {
  border-left-color: #0585e8;
}
/* Prev Button */
/* ----------- */
.prev::after {
  left: -29.7px;
  border-width: 15.4px;
  border-color: transparent #0030c2a6 transparent transparent;
}
.prev:hover::after {
  border-right-color: #0585e8;
}