/* ==========================
   BUTTONS
========================== */

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:190px;
    height:56px;
    border-radius:50px;
    font-weight:600;
    transition:.3s ease;
}

.btn-primary{
    background:var(--accent);
    color:#fff;
}

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

.btn-outline{
    background:transparent;
    border:2px solid #fff;
    color:#fff;
}

.btn-outline:hover{
    background:#fff;
    color:var(--primary);
}

/* ==========================
   CARDS
========================== */

.card{
    background:var(--white);
    border-radius:var(--radius-md);
    box-shadow:var(--shadow-sm);
    padding:30px;
    transition:.3s;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-md);
}