.checkout-coupon-box {
  margin-top: 18px;
  padding: 16px;

  border: 1px solid
    rgba(15, 23, 42, .10);

  border-radius: 15px;

  background:
    rgba(248, 250, 252, .9);
}

.checkout-coupon-box > label {
  display: block;

  margin-bottom: 8px;

  color: #344054;

  font-size: 12px;
  font-weight: 800;
}

.checkout-coupon-row {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr) auto;

  gap: 8px;
}

.checkout-coupon-row input {
  min-width: 0;
  min-height: 44px;

  padding: 0 13px;

  border: 1px solid
    rgba(15, 23, 42, .14);

  border-radius: 10px;

  background: #fff;

  color: #101828;

  outline: none;

  text-transform: uppercase;
}

.checkout-coupon-row input:focus {
  border-color: #2563eb;

  box-shadow:
    0 0 0 3px
    rgba(37, 99, 235, .08);
}

.checkout-coupon-row button {
  min-height: 44px;

  padding: 0 17px;

  border: 0;
  border-radius: 10px;

  background: #101828;
  color: #fff;

  cursor: pointer;

  font-size: 11px;
  font-weight: 850;
}

.checkout-coupon-row button:disabled {
  opacity: .65;
  cursor: wait;
}

.checkout-coupon-message {
  min-height: 17px;

  margin-top: 8px;

  font-size: 10px;
  font-weight: 750;
}

.checkout-coupon-message.success {
  color: #067647;
}

.checkout-coupon-message.error {
  color: #b42318;
}

.checkout-discount-value {
  color: #067647 !important;
}

@media (max-width: 430px) {
  .checkout-coupon-row {
    grid-template-columns:
      minmax(0, 1fr) 80px;
  }

  .checkout-coupon-row button {
    padding: 0 10px;
  }
}