.contract-margin-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  margin-bottom: 12px;
  padding: 12px 14px;
  background: #fff3bf;
  border: 1px solid #e5c45b;
  border-radius: 9px;
  color: #513b00;
}
.contract-margin-notice[hidden], .card-margin-notice[hidden] { display: none; }
.contract-margin-notice > div { min-width: 0; }
.contract-margin-notice strong { display: block; font-size: 14px; line-height: 20px; }
.contract-margin-notice p { margin: 3px 0 0; font-size: 13px; line-height: 19px; }
.contract-margin-notice > button { flex: 0 1 auto; min-height: 36px; padding: 7px 13px; }
.margin-card-heading { min-width: 0; flex: 1; }
.card-margin-notice { margin: 4px 0 0; color: #815d00; font-size: 13px; line-height: 18px; }
@media (max-width: 600px) {
  .contract-margin-notice { align-items: stretch; flex-direction: column; gap: 10px; }
  .contract-margin-notice > button { width: 100%; }
}