.tt-login {
	position: relative;
	margin: 0 auto;
	width: 50%;
	/* padding: 15px; */
	background-color: var(--cinza-light);
	padding: 15px;
        padding-top: 30px;
         padding-bottom: 30px;
	border-radius: 8px;
        text-align: center;
}
.tt-login .mensagem {
	background-color: var(--cinza-medio);
	text-align: center;
	padding: 10px;
        font-weight: 600;
}

.tt-login .celular {
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    height: 60px;
}

.tt-login button {
	background-color: var(--azul-claro);
	color: #fff;
	height: 50px;
	margin-top: 15px;
        font-weight: 700;
        transition: all ease-in 0.1s;
        border:none;
}

.tt-login button .fa{
    font-size: 1.3em;
    margin-left: 5px;
}

.tt-login button:hover,
.tt-login button:active,
.tt-login button:visited,
.tt-login button:link,
.tt-login button:focus,
.tt-login button[disabled]{
    background-color: var(--amarelo);
    border:none;
    color: #333;
}

.tt-login .token .inputs{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tt-login .token .inputs input{
    width: 20%;
    margin: 1%;
}