.fav-container .btn,
.fav-container .btn-primary,
.fav-container .favth-btn,
.fav-container .hikabtn,
.fav-container .pager .next a,
.fav-container .pager .previous a {
  display: inline-block;
  margin-bottom: 10px;
  padding: 15px 24px 14px;
  border: 1px solid transparent;
  border-radius: 0;
  background-color: #f66;
  background-image: none;
  box-shadow: 0 3px 8px 0 rgb(0 0 0 / 17%);
  color: #fff;
  cursor: pointer;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.42857143;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  touch-action: manipulation;
  user-select: none;
  vertical-align: middle;
  white-space: normal;
  transition:
    color 300ms ease-out,
    background-color 300ms ease-out,
    box-shadow 300ms ease-out;
}

.fav-container .btn:hover,
.fav-container .btn:focus,
.fav-container .btn-primary:hover,
.fav-container .btn-primary:focus,
.fav-container .favth-btn:hover,
.fav-container .favth-btn:focus,
.fav-container .hikabtn:hover,
.fav-container .hikabtn:focus,
.fav-container .pager .next a:hover,
.fav-container .pager .next a:focus,
.fav-container .pager .previous a:hover,
.fav-container .pager .previous a:focus,
.fav-container .favth-btn.favth-active,
.fav-container .favth-btn:active {
  border-color: transparent;
  background-color: #111;
  background-image: none;
  box-shadow: 0 7px 12px 0 rgb(0 0 0 / 47%);
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .fav-container .btn,
  .fav-container .btn-primary,
  .fav-container .favth-btn,
  .fav-container .hikabtn,
  .fav-container .pager .next a,
  .fav-container .pager .previous a {
    transition-duration: 0.01ms;
  }
}