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

.hero-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    margin-top:40px;

    flex-wrap:wrap;

}

.btn-primary,
.btn-secondary{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    width:180px;

    height:56px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    font-size:16px;

    transition:transform .35s ease, left .3s ease, top .3s ease, box-shadow .35s ease;

    cursor:pointer;

}

.btn-primary{

    color:#fff;

    background:var(--primary);

    box-shadow:0 12px 26px rgba(181,73,91,.25);

}

.btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:0 16px 32px rgba(181,73,91,.32);

}

.btn-secondary{

    color:var(--primary);

    background:var(--surface);

    border:1px solid var(--border);

}

.btn-secondary:hover{

    transform:translateY(-4px);

    border-color:var(--primary);

}