/* ========================================
   ZENTEXA DESIGN SYSTEM
   COMPONENTS
======================================== */

/* BOTÃO PRINCIPAL */

.btn-primary{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    height:56px;

    background:var(--primary);

    color:#fff;

    border-radius:12px;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

.btn-primary:hover{

    background:var(--primary-hover);

    transform:translateY(-2px);

}

/* BOTÃO SECUNDÁRIO */

.btn-secondary{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    height:56px;

    border:1px solid var(--border);

    background:#fff;

    color:var(--text);

    border-radius:12px;

    cursor:pointer;

    transition:.25s;

}

.btn-secondary:hover{

    background:#F1F5F9;

}