.footer-newsletter__input-container {
  display: flex;
  position: relative;
  margin-top: var(--hh-gutter);
}

.footer-newsletter__input-container input {
  background-color: var(--hh-color-brand-tertiary-darker);
  height: 46px;
  padding-left: 15px;
  flex: 1;
  border: 1px solid var(--hh-color-light-grey);
  color: var(--hh-color-day);
}

.footer-newsletter__input-container button {
  flex: 0 0 100px;
  background-color: var(--hh-color-day);
  border: 1px solid var(--hh-color-day);
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  padding: 5px 10px;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .newsletter-signup__form .footer-newsletter__input-container input {
    height: 3.7500rem;
    padding-left: 1.3750rem;
  }
  .newsletter-signup__form .footer-newsletter__input-container button {
    padding: 0.7500rem 1.2500rem;
  }
}

.footer-newsletter__input-container ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--hh-color-neutral);
}
.footer-newsletter__input-container ::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--hh-color-neutral);
}
.footer-newsletter__input-container :-ms-input-placeholder {
  /* IE 10+ */
  color: var(--hh-color-neutral);
}
.footer-newsletter__input-container :-moz-placeholder {
  /* Firefox 18- */
  color: var(--hh-color-neutral);
}

.footer-newsletter__social {
  margin-top: calc(var(--hh-gutter) * 2);
  align-items: center;
}

.footer-newsletter__social li {
  margin-right: calc(var(--hh-gutter) * 1.5);
}

.footer-newsletter__social a {
  transition: 0.25s;
  display: inline-block;
  color: var(--hh-color-day);
}

.footer-newsletter__social a:focus,
.footer-newsletter__social a:focus-visible {
  outline: 0.1250rem solid var(--hh-color-focus-secondary);
}

.footer-newsletter__social a:hover {
  opacity: 0.7;
}

.footer-newsletter__social svg {
  width: 0.9375rem;
  height: auto;
}

.footer-newsletter__social li:last-child {
  margin-right: 0px;
}

.footer-newsletter__email-suggestion {
  margin: 0.3125rem;
  color: var(--hh-color-day);
}