/* =========================================
FILE: buttons.css
========================================= */

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

    transition:var(--transition);
}

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

.btn-primary{
    height:56px;
    padding:0 34px;

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

    background:var(--primary-gradient);

    color:var(--primary-white);

    font-size:var(--fs-14);
    font-weight:var(--fw-600);
}

.btn-primary:hover{
    transform:translateY(-3px);
}

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

.btn-secondary{
    height:56px;
    padding:0 34px;

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

    border:1px solid rgba(255,255,255,0.1);

    color:var(--primary-white);

    font-size:var(--fs-14);
    font-weight:var(--fw-600);
}

.btn-secondary:hover{
    background:var(--primary-white);
    color:var(--primary-black);
}