• Form не задается по нужному размеру (мне нужно подстроить под кнопку). Почему?

    @lenxs Автор вопроса
    <section id="mail" class="mail">
    		<div id="container" class="container">
    			<h2 class="section-title">Форма заказа билета в будудщее
    		</h2>
    		<form action="#" class="form">
    			<input type="text" name="name" placeholder="Имя" required>
    			<input type="email" name="e-mail" placeholder="E-mail">
    			<input type="tel" name="number" placeholder="Телефон" required>
    			<input type="text" name="where" placeholder="Куда я полечу в ближайшее время?">
    		<button type="submit" class="btn btn-form">Двигаться к мечте!</button>
    
    		</form>
    		</div>
    	</section>


    .section-title {
    	margin-bottom: 53px;
    	text-align: center; 
    }
    
    .form {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 342px;
    align-items: center;
    margin: 0 auto;
    }
    .mail {
    	background: #ecf3f8;
    	padding-top: 100px;
    	padding-bottom: 102px;
    }
    
    
    .input {
    	border: 1px solid #bbbbbb;
        font-size: 15px;
        font-family: 'Ubuntu', sans-serif;
        height: 47px;
        padding-left: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    
    .btn-form {
    	border: 0;
    cursor: pointer;
    display: center;
    width: 100%;
    align-items: center;
    margin-top: 12px; 
    }
    Ответ написан