/* ==========================================
   BOTÕES LOGIN E CADASTRO
========================================== */

.header-part-two{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}

/* ==========================================
   BOTÃO ENTRAR
========================================== */

.btn-login{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:110px;
    height:44px;

    padding:0 20px;

    background:transparent;

    border:1px solid #3a3b3c;

    border-radius:10px;

    color:#e4e6eb;

    text-decoration:none;

    font-size:14px;
    font-weight:600;

    transition:.25s ease;
}

.btn-login:hover{
    background:#2d2f33;
    border-color:#4e4f50;
}

/* ==========================================
   BOTÃO CRIAR CONTA
========================================== */

.btn-register{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:140px;
    height:44px;

    padding:0 24px;

    background:#2374e1;

    border:none;

    border-radius:10px;

    color:#ffffff;

    text-decoration:none;

    font-size:14px;
    font-weight:700;

    transition:.25s ease;
}

.btn-register:hover{
    background:#1b66ca;
}

.btn-register:active{
    transform:scale(.98);
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 768px){

    .btn-login{
        min-width:95px;
    }

    .btn-register{
        min-width:125px;
    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 576px){

    .header-part-two{
        width:100%;

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:10px;
    }

    .btn-login,
    .btn-register{
        width:100%;
        min-width:unset;
    }

}