label{
    font-weight: bold;
    display: block;
}
.field{
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 20px 0;
}

input[type="text"],input[type="email"]{
    width: calc(100% - 20px);
    max-width: 450px;
    line-height: 25px;
}

button[type="submit"]{
    -webkit-appearance: button;
    background: #4377bc;
    border: 0;
    border-radius: 4.5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 12px 34px;
    text-decoration: none;
    transition: background .15s cubic-bezier(1,-.115,.975,.855);
}



.info-msg,
.success-msg,
.warning-msg,
.error-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius: 8px;
    color: #222520;
    border: 2px solid #7eba18;
}
.info-msg {
    color: #059;
    border: 2px solid #BEF;
}
.success-msg {
    color: #270;
    border: 2px solid #DFF2BF;
}
.warning-msg {
    color: #9F6000;
    border: 2px solid #FEEFB3;
}
.error-msg {
    color: #D8000C;
    border: 2px solid #FFBABA;
}