/* ==========================================================
   BOTONS
========================================================== */

.mg-boto{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:1rem 2rem;

    border:none;
    border-radius:var(--radi-s);

    background:var(--color-principal);
    color:white;

    cursor:pointer;

    transition:var(--transicio-normal);

}

.mg-boto:hover{

    transform:translateY(-2px);

}