.email-form {
  position: relative;
  color: var(--text-color);
}

.send-status {
  position: absolute;
  transform: translateY(1rem);
}


.status-message {
  display: flex;
  align-items: center;
  position: relative;

  padding: 0.4rem 0.8rem;

  font-size: 2rem;

  transition: .2s all;
}

.status-message::after {
  content: ' ';
  position: absolute;
  inset: 0;

  opacity: 25%;

  background-color: currentColor;
  border-radius: 0.8rem;

  padding: inherit;
}

.status-message.hidden {
  display: none;
}

.cta-input {
  font-size: 2rem;
  color: inherit;
  font-style: italic;
  font-weight: medium;
  padding: 1.2rem 1.8rem;
  margin-right: 3.2rem;

  outline: none;

  transition: 0.2s all;
}

.cta-input:focus {
  box-shadow: 0px 0px 8px var(--color-primary);
}

.cta-input::placeholder  {
  color: var(--color-secondary);
}

.form-button {
  font-size: 2rem;
  text-transform: uppercase;
  font-style: italic;
  font-weight: medium;
  width: 15rem;

  padding: 1.2rem 3.6rem;

  cursor: pointer;

  color: inherit;

  transition: 0.2s all;
}

.form-button:hover {
  border: 0.15rem solid var(--text-color);
  box-shadow: 0px 0px 8px var(--color-primary);
  transform: scale(1.05);
}
.form-button:active {
  color: #9298A0;
  border: 0.15rem solid #9298A0;
  transform: scale(1);
}