/*=========================================================
BOTONES
=========================================================*/

.cp-btn{

    font-family: var(--cp-font-body);

    font-weight:600;

    font-size:1rem;

    border-radius:12px;

    padding:.70rem 1.35rem;

    transition:all .30s ease;

    border:none;

}

.cp-btn-primary{

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

    color:#FFFFFF;

}

.cp-btn-primary:hover{

    background:#A61F1F;

    color:#FFFFFF;

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(198,40,40,.25);

}

.cp-btn-primary:active{

    transform:translateY(0);

}

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

.cp-btn-outline{

    background:transparent;

    border:2px solid var(--cp-color-primary);

    color:var(--cp-color-primary);

}

.cp-btn-outline:hover{

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

    color:#FFFFFF;

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(198,40,40,.25);

}

.cp-btn-outline:active{

    transform:translateY(0);

}