/*
==========================================================
Componentes reutilizables
==========================================================
*/

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

    min-width:180px;

    height:56px;

    padding:0 32px;

    border-radius:999px;

    font-weight:600;

    font-size:.95rem;

    transition:var(--transition);

    cursor:pointer;
}

.btn-primary{

    background:var(--color-black);

    color:#fff;

}

.btn-primary:hover{

    background:var(--color-primary);

    transform:translateY(-2px);

}

.btn-outline{

    border:2px solid #fff;

    color:#fff;

}

.btn-outline:hover{

    background:#fff;

    color:var(--color-black);

}

.section-title{

    font-size:56px;

    margin-bottom:25px;

}

.section-subtitle{

    color:var(--color-primary);

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:.8rem;

    font-weight:700;

    margin-bottom:15px;

}