@import "base/variables.less";
@import "base/mixins.less";

.vouchers-list {
  margin-top: 50px;
  margin-bottom: 50px;

  .voucher {
    transition: all 0.5s ease-in-out;
    position: relative;

    &:hover {
      -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25);
      z-index: 1000;
      transition: all 0.5s ease-out;
    }
  }

  .voucher-heading {
    font-size: 200%;
  }

  a {
    font-weight: bold;
    font-family: @second-font;
  }
}