.ilp-back-in-stock { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin-block: 20px; padding: 20px; box-sizing: border-box; width: 100%; max-width: 100%; border: 1px solid #dce0e5; border-radius: 8px; background: #fff; color: #4d5962; font: inherit; }
.ilp-back-in-stock[hidden] { display: none !important; }
.ilp-back-in-stock h3, .ilp-back-in-stock [role="status"] { flex-basis: 100%; margin: 0; }
.ilp-back-in-stock h3 { color: #414f70; font-family: inherit; font-size: 20px; font-weight: 500; line-height: 1.35; }
.ilp-back-in-stock label { flex: 1 1 220px; min-width: 0; }
.ilp-back-in-stock label span { display: block; margin-bottom: 6px; font-size: 14px; line-height: 1.5; }
.ilp-back-in-stock input[type="email"] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1px solid #8490a4; border-radius: 5px; background: #fff; color: #4d5962; font: inherit; font-size: 16px; line-height: 24px; margin: 0; }
.ilp-back-in-stock button.button { flex: 0 0 auto; max-width: 100%; min-height: 46px; padding: 10px 22px; margin: 0; border: 1px solid #414f70; border-radius: 5px; background: #414f70; color: #fff; font: inherit; font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; cursor: pointer; }
.ilp-back-in-stock button.button:hover { background: #303e5e; border-color: #303e5e; }
.ilp-back-in-stock button.button:disabled { opacity: .65; cursor: wait; }
.ilp-back-in-stock input:focus-visible, .ilp-back-in-stock button:focus-visible { outline: 2px solid #414f70; outline-offset: 3px; }
.ilp-back-in-stock [role="status"] { font-size: 14px; line-height: 1.5; }
.ilp-back-in-stock [role="status"]:empty { display: none; }
@media (max-width: 600px) {
  .ilp-back-in-stock { padding: 16px; }
  .ilp-back-in-stock label, .ilp-back-in-stock button.button { flex-basis: 100%; width: 100%; }
}