@import url("faq.css");

.coupon-checker-form {
margin-top: 18px;
padding: 18px;
border: 1px solid #ddd;
border-radius: 4px;
background: #f8f8f8;
}

.coupon-checker-form label {
display: block;
margin-bottom: 6px;
font-weight: 600;
}

.coupon-checker-form input[type="text"] {
width: 100%;
margin-bottom: 12px;
}

.coupon-checker-form .buttonRow,
.coupon-checker-form .button-row {
margin-top: 12px;
}

@media (min-width: 768px) {

  #lookupDiscountCoupon-card-body {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
  }

  #lookupDiscountCoupon-card-body .inputLabel {
    flex: 0 0 100%;
    margin: 0;
  }

  #lookup-discount-coupon {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }

  #lookupDiscountCoupon-btn-toolbar {
    flex: 0 0 180px;
    margin: 0 !important;
    display: block;
  }

  #lookupDiscountCoupon-btn-toolbar .btn {
    width: 100%;
    min-width: 0;
  }

}