.rnf-nl-wrap{
  --rnf-rose: #a14b68;
  --rnf-rose-2: #f7e6ec;
  --rnf-text: #2a1b22;
  --rnf-border: rgba(161, 75, 104, .22);

  border: 1px solid var(--rnf-border);
  background: linear-gradient(180deg, #fff, var(--rnf-rose-2));
  border-radius: 16px;
  padding: 16px;
  max-width: 720px;
}
.input[type=email]{border-radius:99px!important;}
.rnf-nl-title{
  font-weight: 800;
  color: var(--rnf-text);
  margin: 0 0 10px;
  font-size: 16px;
}

.rnf-nl-row{
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.rnf-nl-email{
  flex: 1;
  min-width: 0;
  border: 1px solid var(--rnf-border);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 14px;
  outline: none;
  background: #fff;
}

.rnf-nl-email:focus{
  border-color: rgba(161, 75, 104, .55);
  box-shadow: 0 0 0 3px rgba(161, 75, 104, .12);
}

.rnf-nl-btn{
  border: 0;
  border-radius: 12px;
  padding: 12px 16px;
  font-weight: 800;
  cursor: pointer;
  background: var(--rnf-rose);
  color: #fff;
  white-space: nowrap;
}

.rnf-nl-consent{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 10px;
  color: rgba(42, 27, 34, .85);
  font-size: 12px;
  line-height: 1.35;
}

.rnf-nl-consent input{ margin-top: 2px; }

.rnf-nl-msg{
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
}

.rnf-nl-wrap.is-success .rnf-nl-msg{ color: #1b7a3a; }
.rnf-nl-wrap.is-error .rnf-nl-msg{ color: #b00020; }

.rnf-nl-wrap.is-loading .rnf-nl-btn{
  opacity: .75;
  pointer-events: none;
}

/* Responsive ++ */
@media (max-width: 600px){
  .rnf-nl-row{ flex-direction: column; }
  .rnf-nl-btn{ width: 100%; }
}