


.voucherContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}


.voucherBox {
    width: 350px;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    font-family: 'Lato', sans-serif;
    margin: 10px;
    box-sizing: border-box;
    border: 2px solid #fff;
    position: relative;
}

.voucherBox .price {
  color: grey;
  font-size: 22px;
  text-align: center;
}


.voucherBox .desc{
    min-height: 100px;
    vertical-align: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 60px;
}

.voucherBox button {
    border: none;
    outline: 0;
    padding: 8px;
    color: white;
    background-color: #2196F3;
    text-align: center;
    cursor: pointer;
    width: 65%;
    font-size: 18px;
    border-radius: 36px;
    margin-bottom: 21px;
}

.voucherBox button span{
    margin: 2px;
    position: relative;
    top: 3px;
    left: -6px;
}

.voucherBox button:hover {
    background-color: #FFC107;
}

.voucherBox button:active {
  position:relative;
  top:3px;
}

.voucherBox p {
    word-wrap: break-word;
    padding: 0 15px 0 15px;
}

.voucherBox:hover{
    border: 2px solid #FFC107;
}
.expiredDate{
    color: #FF9800;
    line-height: 10px;
}

.voucherBox > svg{width: 135px; height:170px;}

.giftcardloader{display:none; font-size:40px;}
.giftcardloader i{ -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
  }
.giftcardcheck{display: none; font-size: 24px;}
.giftcardcheck i{border: 2px solid; border-radius: 50%; padding: 8px;}
.voucherBox button.size {
	width: 48px;
	left: 108px;
	font-size: 0;
	letter-spacing: 0;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-ms-transition: .2s linear;
	-o-transition: .2s linear;
	transition: .2s linear;
}

.voucherBoxImage{height: 300px;}
.voucherBoxImage img{object-fit: cover; height: inherit;}
.voucherBox .btn-wrapper{position: absolute; bottom: 0; width: 100%;height: 60px;}
.voucherBox h1{padding-top: 0.67em;}