/* ==================================================
   BOTONES (reutilizables en todas las secciones)
================================================== */

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

    padding:11px 18px;

    border-radius:9px;

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

    cursor:pointer;
    transition:.25s;

    border:none;
}

.btn-primary{
    background:var(--black);
    color:white;
}

.btn-primary:hover{
    background:var(--purple-dark);
    transform:translateY(-2px);
}

.btn-outline{
    border:1px solid var(--purple);
    color: #5e62b5;
    /*color:var(--purple); */
    background:white;
}

.btn-outline:hover{
    background:var(--purple-light);
}