.quote-receipt-validity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 470px;
  margin: 0 auto 12px;
  padding: 11px 14px;
  border: 1px solid #efc58e;
  border-radius: 10px;
  background: #fff7ea;
  text-align: left;
}

.quote-receipt-validity span,
.quote-receipt-validity b,
.quote-receipt-validity small {
  display: block;
}

.quote-receipt-validity b {
  margin-top: 3px;
  color: #70420f;
  font-size: 10px;
}

.quote-receipt-validity em {
  color: #865817;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  text-align: right;
}

.quote-validity {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  padding: 5px 7px;
  border-radius: 999px;
  background: #e8f6f2;
  color: #176b61;
  font-size: 8px;
  font-weight: 850;
}

.quote-validity.expired {
  background: #ffe4e2;
  color: #9d2b31;
}

.quote-expired-notice {
  margin: 14px 0 0;
  padding: 11px 12px;
  border: 1px solid #efb0ad;
  border-radius: 9px;
  background: #fff0ef;
  color: #8f2630;
  font-size: 9px;
  font-weight: 750;
  line-height: 1.45;
}

#quoteStatusForm[data-quote-expired="true"] option[value="approved"] {
  color: #9d2b31;
}

@media (max-width: 700px) {
  .quote-receipt-validity {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .quote-receipt-validity em {
    text-align: left;
  }
}