.mailalert-form {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mailalert-form.logged {
  align-items: center;
  gap: 0;
}

.mailalert-label {
  color: #000;font-weight: 500;
}

.mailalert-form-container {
  display: flex; align-items: stretch;
}

.mailalert-form-container .form-control {
  border-radius: 10px 0 0 10px;
  width:50%;
}

.mailalert-form .js-mailalert-add{
  background: #000;
  border-color: #000;
}

.mailalert-form .mailalert-form-container .js-mailalert-add {
  border-radius: 0 10px 10px 0;
}

.mailalert-form.logged .js-mailalert-add {
  border-radius: 10px;
  width: inherit;
}

.js-mailalert-alerts {
  display: none;
  flex-direction: column;
  color: #000;
  font-weight: 500;
}

.js-mailalert-alerts span:first-child {
  text-transform: uppercase;
}

.mailalert-registered {
  width: fit-content;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  color:#000;
}

.mailalert-registered a {
  text-align: center;
  font-size: 1.25rem;
  color: #000;
  text-decoration: underline;
}