.sub-form{display:flex;position:relative;border:1px solid #000;border-radius:3px;transition:border-color .5s}.sub-form:hover{border-color:#000}.sub-form:focus-within{border-color:#0000df}.sub-form:focus-within .sub-form__btn{background-color:#0000df}.sub-form._invalid{border-color:red;margin-bottom:30.4px}.sub-form._invalid .sub-form__btn{background-color:red}.sub-form__input{background-color:#f5f5f5;padding:7px 15px;font-size:14px;border:none;border-radius:3px;flex-grow:1}.sub-form__input:disabled{color:#a8a8a8}.sub-form__input::placeholder{color:#696969}.sub-form__input:focus{outline:none}.sub-form__btn{transition:background-color .5s;padding:9px 16px;font-size:14px;line-height:1.6;font-weight:400;font-family:inherit;color:#fff;display:flex;align-items:center;gap:10px;justify-content:center;background-color:#00f;cursor:pointer;outline:none;border:none}.sub-form__arrow{filter:invert(1);width:19.5px}.sub-form__btn:hover{background-color:#3131f5}.sub-form__error-msg{font-size:14px;font-style:normal;font-weight:400;line-height:1.6;position:absolute;left:0;bottom:-30.4px}.sub-form__btn-loader{display:flex;align-items:center;gap:10px}.sub-form__btn-loader svg{width:20px;height:20px}@media (max-width:715px){.sub-form{flex-direction:column;border:none;gap:12px;width:100%}.sub-form__input{border:1px solid #000;font-size:16px;line-height:1.6;padding:10px 15px}.sub-form__input:focus{border-color:#0000df}._invalid .sub-form__input{border-color:red}.sub-form__btn{font-size:16px;padding:11px 0;text-align:center;border-radius:3px}}.loader__spinner{animation:rotation 1.5s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}