/* =========================================
   NEWSLETTER SUCCESS
========================================= */

.subscribe {
  transition:
    box-shadow 0.25s ease;
}

.subscribe.success {
  box-shadow:
    0 0 0 2px
    rgba(34, 197, 94, 0.22);
}

.subscribe.success input {
  color: #777;
}

.subscribe.success button {
  background: #22c55e !important;
  color: #fff !important;
  cursor: default;
}

.subscribe-message {
  min-height: 18px;
  margin-top: 10px;

  color: #22c55e;

  font-size: 12px;
  font-weight: 700;

  opacity: 0;

  transform:
    translateY(-4px);

  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.subscribe-message.visible {
  opacity: 1;

  transform:
    translateY(0);
}