.vl24-quick-panel{
position:fixed;
top:90px;
right:40px;
width:340px;
opacity:0;
transform:translateY(-20px) scale(.98);
pointer-events:none;
transition:.35s cubic-bezier(.16,1,.3,1);
z-index:20000;
} .vl24-quick-panel.active{
opacity:1;
transform:none;
pointer-events:auto;
} .vl24-quick-inner{
padding:28px;
border-radius:24px; background:
linear-gradient(
180deg,
rgba(255,255,255,.18),
rgba(255,255,255,.08)
);
backdrop-filter: blur(22px) saturate(160%);
-webkit-backdrop-filter: blur(22px) saturate(160%);
border:1px solid rgba(255,255,255,.35);
box-shadow:
0 30px 80px rgba(0,0,0,.25),
inset 0 1px 0 rgba(255,255,255,.45);
position:relative;
overflow:hidden;
} .vl24-quick-inner::before{
content:"";
position:absolute;
inset:-40%;
background:
radial-gradient(
circle at 50% 0%,
rgba(201,161,90,.25),
transparent 55%
);
pointer-events:none;
} .vl24-quick-title{
font-size:13px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(255,255,255,.75);
margin-bottom:20px;
} .vl24-quick-stats{
display:grid;
gap:18px;
}
.vl24-quick-item strong{
display:block;
font-size:34px;
font-weight:800;
color:#fff;
letter-spacing:-.02em;
text-shadow:
0 2px 8px rgba(0,0,0,.4);
}
.vl24-quick-item span{
font-size:14px;
color:rgba(255,255,255,.75);
} .vl24-quick-cta{
margin-top:24px;
display:flex;
justify-content:center;
align-items:center;
height:48px;
border-radius:999px;
font-size:13px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:#0f172a;
text-decoration:none;
background:
linear-gradient(
135deg,
#c9a15a,
#fff3c9,
#c9a15a
);
box-shadow:
0 8px 25px rgba(201,161,90,.4),
inset 0 1px 0 rgba(255,255,255,.6);
transition:.25s ease;
}
.vl24-quick-cta:hover{
transform:translateY(-1px);
} .vl24-quick-cta{
position:relative;
width:100%;
height:52px;
display:flex;
align-items:center;
justify-content:center;
border-radius:999px;
font-size:13px;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
color:#0f172a;
text-decoration:none;
background:
linear-gradient(
135deg,
#c9a15a,
#fff3c9,
#c9a15a
);
border:0;
cursor:pointer;
overflow:hidden;
isolation:isolate;
box-shadow:
0 8px 22px rgba(201,161,90,.35),
inset 0 1px 0 rgba(255,255,255,.6);
transition:.25s ease;
} .vl24-quick-cta::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
135deg,
rgba(255,255,255,.28),
rgba(255,255,255,.05)
);
transform:scale(0);
transform-origin:50% 50%;
transition:transform 2.5s cubic-bezier(.2,.7,.1,1);
border-radius:inherit;
z-index:1;
} .vl24-quick-cta:hover::before{
transform:scale(2.4);
}
.vl24-quick-cta:hover{
transform:translateY(-1px);
filter:brightness(1.05);
} .vl24-quick-cta:active{
transform:translateY(0);
filter:brightness(.98);
}