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

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

    padding:14px 24px;

    border-radius:999px;

    font-weight:800;
    font-size:16px;
    line-height:1;

    text-decoration:none;
    cursor:pointer;

    transition:
        background .2s ease,
        color .2s ease,
        transform .15s ease,
        box-shadow .2s ease;
}

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

.btn:active{
    transform:translateY(0);
}

.btn-primary{
    background:#2563eb;
    color:#fff;
}

.btn-primary:hover{
    background:#1d4ed8;
}

.btn-ghost{
    background:#fff;
    color:#2563eb;
    border:2px solid #2563eb;
}

.btn-ghost:hover{
    background:#2563eb;
    color:#fff;
}

.btn-success{
    background:#16b86a;
    color:#fff;
}

.btn-success:hover{
    background:#129b5b;
}

.btn-dark{
    background:#334155;
    color:#fff;
}

.btn-dark:hover{
    background:#1e293b;
}

.cta-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
}

@media (max-width:700px){

    .cta-row{
        flex-direction:column;
        align-items:stretch;
    }

    .cta-row .btn{
        width:100%;
    }

}