.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 30px;

    border:none;

    cursor:pointer;

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

    transition:var(--transition);

    font-weight:600;
}

.btn-primary{

    background:var(--primary);

    color:#fff;
}

.btn-primary:hover{

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

.card{

    background:#fff;

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

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

    padding:30px;

    transition:.3s;
}

.card:hover{

    transform:translateY(-5px);

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

.btn-outline{

background:transparent;

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

color:var(--primary);

}

.btn-outline:hover{

background:var(--primary);

color:#fff;

}