.form .button{
  font-weight: bold;
  height: 55px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
}
.form .button.is-disabled{
	background: #ccc;
	pointer-events: none;
}

.messages{
  width: 400px;
  padding: 10px;
  color: #fff;
  margin-bottom: 20px;
  border-radius: 4px;
  font-weight: 600;
  position: fixed;
  top: -160px;
  left: 60px;
  background: #e4c875;
  font-size: 14px;
  transition: top .2s cubic-bezier(.65,0,.35,1);
}
.messages.is-active{ top: 60px; }

.messages.is-success{ background: #67bd5e; }
.messages.is-error{ background: #e47575; }

.messages span{
  display: block;
  margin-bottom: 10px;
}
.messages span:last-of-type{ margin-bottom: 0; }
.messages span:before{
  content: '-';
  margin-right: 5px;
}

@media screen and (max-width: 480px) {
  .messages{
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
  }
}