/* ==========================================================
   PROYECTO : GRUPO ALEYOR SAC
   MÓDULO   : BOTONES
==========================================================*/

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

.btn-primary-custom{

    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    padding:14px 28px;

    background:var(--color-primary);

    color:#FFFFFF;

    border:none;

    border-radius:10px;

    font-weight:600;

    text-decoration:none;

    white-space:nowrap;

    transition:.35s ease;

}

.btn-primary-custom:hover{

    background:var(--color-primary-dark);

    color:#FFFFFF;

    transform:translateY(-2px);

    box-shadow:0 10px 20px rgba(0,0,0,.12);

}

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

.btn-primary-custom i{

    font-size:20px;

}

/*=========================================================
WHATSAPP
=========================================================*/

#viewerWhatsapp i{

    color:#25D366;

}

/*=========================================================
BOTÓN SECUNDARIO
=========================================================*/

.btn-secondary-custom{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    padding:14px 28px;

    border:2px solid #D8DEE9;

    border-radius:10px;

    background:#FFFFFF;

    color:#082A63;

    text-decoration:none;

    font-weight:600;

    white-space:nowrap;

    transition:.35s ease;

}

.btn-secondary-custom:hover{

    background:#082A63;

    color:#FFFFFF;

}

/*=========================================================
ICONO PDF
=========================================================*/

#viewerPdf i{

    color:#E53935;

    font-size:18px;

}

/*=========================================================
BOTONES PANEL LATERAL
=========================================================*/

#btnWhatsapp,
#btnCatalog{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

}

/*=========================================================
ICONO WHATSAPP
=========================================================*/

#btnWhatsapp i{

    color:#25D366 !important;
    font-size:20px;

}

/*=========================================================
ICONO PDF
=========================================================*/

#btnCatalog i{

    color:#E53935 !important;
    font-size:18px;

}

/*=========================================================
BOTÓN WHATSAPP HERO
=========================================================*/

.btn-whatsapp-custom{

    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    padding:14px 28px;

    background:#25D366;

    color:#FFFFFF;

    border-radius:10px;

    font-weight:600;

    text-decoration:none;

    white-space:nowrap;

    transition:.35s ease;

}

.btn-whatsapp-custom:hover{

    background:#1EBE5D;

    color:#FFFFFF;

    transform:translateY(-2px);

    box-shadow:0 10px 20px rgba(0,0,0,.15);

}

.btn-whatsapp-custom i{

    font-size:20px;

    color:#FFFFFF;

}