/*==================================================
  COSVIN UI
  BUTTON
  Version 1.0
==================================================*/

/*==============================
BASE
==============================*/

.cv-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:var(--button-height);

    padding:var(--button-padding);

    border:none;

    border-radius:var(--button-radius);

    cursor:pointer;

    font-family:var(--font-family-base);

    font-size:var(--font-size-md);

    font-weight:var(--fw-semibold);

    transition:all var(--transition-normal);

    text-decoration:none;

    white-space:nowrap;

    user-select:none;

}

/*==============================
PRIMARY
==============================*/

.cv-btn-primary{

    background:var(--color-primary);

    color:var(--black);

}

.cv-btn-primary:hover{

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

    transform:translateY(-2px);

    box-shadow:var(--shadow-md);

}

/*==============================
SECONDARY
==============================*/

.cv-btn-secondary{

    background:var(--bg-card);

    color:var(--white);

}

.cv-btn-secondary:hover{

    background:var(--bg-hover);

}

/*==============================
OUTLINE
==============================*/

.cv-btn-outline{

    background:transparent;

    color:var(--color-primary);

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

}

.cv-btn-outline:hover{

    background:var(--color-primary);

    color:var(--black);

}

/*==============================
FULL WIDTH
==============================*/

.cv-btn-block{

    width:100%;

}

/*==============================
DISABLED
==============================*/

.cv-btn:disabled{

    opacity:.6;

    cursor:not-allowed;

    transform:none;

}