.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);
}
}