.checkout-pane-voucherify-coupon-redemption,
.checkout-pane-coupon-redemption {
  margin: 0 -20px !important;
  padding: 15px 20px;
  background: rgba(213, 249, 185, 0.3);
}
@media (min-width: 1026px) {
  .checkout-pane-voucherify-coupon-redemption,
.checkout-pane-coupon-redemption {
    border: solid #f5f5f6;
    border-width: 15px 0;
  }
}
.checkout-pane-voucherify-coupon-redemption .form-floating label,
.checkout-pane-coupon-redemption .form-floating label {
  text-transform: capitalize;
}
@media (max-width: 742.98px) {
  .checkout-pane-voucherify-coupon-redemption .form-floating label,
.checkout-pane-coupon-redemption .form-floating label {
    font-size: 12px;
  }
}

.checkout-pane-voucherify-coupon-redemption .form-wrapper,
.checkout-pane-coupon-redemption .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-between;
  z-index: 2;
  position: relative;
  margin-bottom: 0 !important;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .js-form-item,
.checkout-pane-coupon-redemption .form-wrapper .js-form-item {
  margin-bottom: 0 !important;
  width: calc(100% - 145px);
}
@media (max-width: 742.98px) {
  .checkout-pane-voucherify-coupon-redemption .form-wrapper .js-form-item,
.checkout-pane-coupon-redemption .form-wrapper .js-form-item {
    width: calc(100% - 115px);
  }
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .js-form-item input,
.checkout-pane-coupon-redemption .form-wrapper .js-form-item input {
  background: #fff;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .invalid-feedback,
.checkout-pane-coupon-redemption .form-wrapper .invalid-feedback {
  font-size: 9px;
  width: auto;
  margin-right: -145px;
  padding-left: 18px;
}
@media (min-width: 1026px) {
  .checkout-pane-voucherify-coupon-redemption .form-wrapper .invalid-feedback,
.checkout-pane-coupon-redemption .form-wrapper .invalid-feedback {
    font-size: 10px;
  }
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .invalid-feedback::before,
.checkout-pane-coupon-redemption .form-wrapper .invalid-feedback::before {
  height: 10px;
  width: 10px;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn {
  color: #ed152b;
  background-color: transparent;
  border-color: #ed152b;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn:hover,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn:hover {
  color: #fff;
  background-color: #ed152b;
  border-color: #ed152b;
}
.btn-check:focus + .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn, .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn:focus,
.btn-check:focus + .checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn:focus {
  color: #fff;
  background-color: #ed152b;
  border-color: #ed152b;
  box-shadow: 0 0 0 0.25rem rgba(237, 21, 43, 0.5);
}
.btn-check:checked + .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn, .btn-check:active + .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn, .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn:active, .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn.active, .show > .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn.dropdown-toggle,
.btn-check:checked + .checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn,
.btn-check:active + .checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn:active,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn.active,
.show > .checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn.dropdown-toggle {
  color: #fff;
  background-color: #ed152b;
  border-color: #ed152b;
}
.btn-check:checked + .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn:focus, .btn-check:active + .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn:focus, .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn:active:focus, .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn.active:focus, .show > .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn.dropdown-toggle:focus,
.btn-check:checked + .checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn:focus,
.btn-check:active + .checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn:focus,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn:active:focus,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn.active:focus,
.show > .checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(237, 21, 43, 0.5);
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn:disabled, .checkout-pane-voucherify-coupon-redemption .form-wrapper .has-error + button.btn.disabled,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn:disabled,
.checkout-pane-coupon-redemption .form-wrapper .has-error + button.btn.disabled {
  color: #fff;
  background-color: #ed152b;
  border-color: #ed152b;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn,
.checkout-pane-coupon-redemption .form-wrapper button.btn {
  width: 125px;
  background-image: none !important;
  color: #58a856;
  background-color: transparent;
  border-color: #58a856;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn:hover,
.checkout-pane-coupon-redemption .form-wrapper button.btn:hover {
  color: #fff;
  background-color: #58a856;
  border-color: #58a856;
}
.btn-check:focus + .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn, .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn:focus,
.btn-check:focus + .checkout-pane-coupon-redemption .form-wrapper button.btn,
.checkout-pane-coupon-redemption .form-wrapper button.btn:focus {
  color: #fff;
  background-color: #58a856;
  border-color: #58a856;
  box-shadow: 0 0 0 0.25rem rgba(88, 168, 86, 0.5);
}
.btn-check:checked + .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn, .btn-check:active + .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn, .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn:active, .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn.active, .show > .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn.dropdown-toggle,
.btn-check:checked + .checkout-pane-coupon-redemption .form-wrapper button.btn,
.btn-check:active + .checkout-pane-coupon-redemption .form-wrapper button.btn,
.checkout-pane-coupon-redemption .form-wrapper button.btn:active,
.checkout-pane-coupon-redemption .form-wrapper button.btn.active,
.show > .checkout-pane-coupon-redemption .form-wrapper button.btn.dropdown-toggle {
  color: #fff;
  background-color: #58a856;
  border-color: #58a856;
}
.btn-check:checked + .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn:focus, .btn-check:active + .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn:focus, .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn:active:focus, .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn.active:focus, .show > .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn.dropdown-toggle:focus,
.btn-check:checked + .checkout-pane-coupon-redemption .form-wrapper button.btn:focus,
.btn-check:active + .checkout-pane-coupon-redemption .form-wrapper button.btn:focus,
.checkout-pane-coupon-redemption .form-wrapper button.btn:active:focus,
.checkout-pane-coupon-redemption .form-wrapper button.btn.active:focus,
.show > .checkout-pane-coupon-redemption .form-wrapper button.btn.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(88, 168, 86, 0.5);
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn:disabled, .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn.disabled,
.checkout-pane-coupon-redemption .form-wrapper button.btn:disabled,
.checkout-pane-coupon-redemption .form-wrapper button.btn.disabled {
  color: #fff;
  background-color: #58a856;
  border-color: #58a856;
}
@media (max-width: 742.98px) {
  .checkout-pane-voucherify-coupon-redemption .form-wrapper button.btn,
.checkout-pane-coupon-redemption .form-wrapper button.btn {
    padding-left: 20px;
    padding-right: 20px;
    width: 95px;
    font-size: 12px;
  }
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .coupons-valid,
.checkout-pane-coupon-redemption .form-wrapper .coupons-valid {
  border-color: #58a856;
  color: #58a856;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .coupon-redemption-form__applied,
.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__applied {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .coupon-redemption-form__applied i,
.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__applied i {
  position: relative;
  top: -1px;
  font-size: 10px;
}
.checkout-pane-voucherify-coupon-redemption .form-wrapper .coupon-redemption-form__applied-text,
.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__applied-text {
  font-size: 9px;
  color: #58a856;
  margin-left: 8px;
  margin-bottom: 0;
}
@media (min-width: 1026px) {
  .checkout-pane-voucherify-coupon-redemption .form-wrapper .coupon-redemption-form__applied-text,
.checkout-pane-coupon-redemption .form-wrapper .coupon-redemption-form__applied-text {
    font-size: 10px;
  }
}

.coupon-redemption-form__coupons {
  width: 100%;
}

.checkout-pane-voucherify-coupon-redemption .description {
  font-size: 9px;
}
@media (min-width: 1026px) {
  .checkout-pane-voucherify-coupon-redemption .description {
    font-size: 10px;
  }
}
.checkout-pane-voucherify-coupon-redemption .invalid-feedback ~ .description {
  display: none;
}
.checkout-pane-voucherify-coupon-redemption ~ .checkout-pane-coupon-redemption {
  border-bottom: 0;
}