.btn-animate{
    cursor:pointer;

    transition:
        transform .35s cubic-bezier(.4,0,.2,1),
        box-shadow .35s cubic-bezier(.4,0,.2,1);
}

.btn-animate:hover{
    cursor:pointer;
    transform:translateY(-2px);
    box-shadow:
        0 20px 60px -30px oklch(40% .04 70 / .22);
}

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

    transition:
        transform .35s cubic-bezier(.4,0,.2,1),
        box-shadow .35s cubic-bezier(.4,0,.2,1);
}

.card-animate:hover{
    transform:translateY(-2px);
    box-shadow:
        0 20px 60px -30px oklch(40% .04 70 / .22);
}

.card-animate:active{
    transform:translateY(0);
}
.uc-header-container{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    transition:.4s ease;
    padding:24px 0;
}

.uc-header-container.scrolled{
    background:rgba(246,241,234,.85);
    backdrop-filter:blur(14px);
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    padding:8px 0;
}