/* ==========================================================
   IURIS THEME
   BUTTONS.CSS
   Sistema de Botones v1.0
   ========================================================== */


/* ==========================================================
   BOTÓN BASE
   ========================================================== */

.iuris-btn{

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

    padding:14px 28px;

    min-height:52px;

    font-family:var(--font-base);
    font-size:16px;
    font-weight:600;
    line-height:1;

    text-decoration:none;

    border:2px solid transparent;
    border-radius:var(--radius);

    cursor:pointer;

    transition:all var(--transition);

}


/* ==========================================================
   BOTÓN PRINCIPAL
   ========================================================== */

.iuris-btn-primary{

    background:var(--iuris-primary);

    color:var(--iuris-white);

    border-color:var(--iuris-primary);

}

.iuris-btn-primary:hover{

    background:var(--iuris-primary-hover);

    border-color:var(--iuris-primary-hover);

    color:var(--iuris-white);

}


/* ==========================================================
   BOTÓN OUTLINE
   ========================================================== */

.iuris-btn-outline{

    background:transparent;

    color:var(--iuris-primary);

    border-color:var(--iuris-primary);

}

.iuris-btn-outline:hover{

    background:var(--iuris-primary);

    color:var(--iuris-white);

}


/* ==========================================================
   BOTÓN DORADO
   ========================================================== */

.iuris-btn-secondary{

    background:var(--iuris-secondary);

    color:var(--iuris-white);

    border-color:var(--iuris-secondary);

}

.iuris-btn-secondary:hover{

    background:var(--iuris-secondary-hover);

    border-color:var(--iuris-secondary-hover);

}


/* ==========================================================
   TAMAÑOS
   ========================================================== */

.iuris-btn-sm{

    min-height:42px;

    padding:10px 20px;

    font-size:14px;

}

.iuris-btn-lg{

    min-height:58px;

    padding:18px 34px;

    font-size:18px;

}


/* ==========================================================
   FOCUS
   ========================================================== */

.iuris-btn:focus{

    outline:none;

    box-shadow:0 0 0 4px rgba(32,58,90,.15);

}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:767px){

    .iuris-btn{

        width:100%;

    }
.iuris-btn-primary{
    background:#203A5A !important;
    color:#FFFFFF !important;
    border:2px solid #203A5A !important;
}

.iuris-btn-outline{
    background:transparent !important;
    color:#203A5A !important;
    border:2px solid #203A5A !important;
}
}