.authorization-form { width: 220px; margin: 0 20px}
.authorization-form .form-title{ font-weight: bold; font-size: 22px; margin-bottom: 20px}
.authorization-form .form-message span{     padding: 0 0 20px 0;display: block;text-align: center;color: #ff4f4f;}

.authorization-form .form-buttons .button{ width: 100%}
.authorization-form .form-item-input{ margin-bottom: 20px}
.authorization-form .form-actions{ display: flex; align-items:center; padding-top:25px; flex-direction: column; }

.authorization-form .form-actions > *{ background: none; border: none; margin-bottom: 5px}
.authorization-form .form-input-error span{ display: block; padding-top: 7px; padding-left: 10px; color: red; font-size: 13px}

.authorization-form.login-form .action-registration{ font-weight: bold}
.authorization-form .action-login{ font-weight: bold; text-decoration: underline; cursor: pointer}

@media only screen and (min-width: 768px) {
    .authorization-form { width: 320px; margin: 0 40px}
    .authorization-form .form-actions{flex-direction: row; justify-content: space-between }


}