/* TOP BAR */
.topbar{
position:sticky;
top:0;
backdrop-filter:blur(10px);
background:#00000090;
padding:15px 20px;
z-index:999;
border-bottom:1px solid #c9a24d30;
}
/* LOGO */
.topbar-logo{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
height:50px;
}
.back-btn{
display:inline-block;
color:var(--gold);
border:1px solid var(--gold);
padding:8px 16px;
border-radius:30px;
font-size:14px;
transition:.3s;
}
.back-btn:hover{
background:var(--gold);
color:#000;
}

@media (max-width:768px){

.topbar{
padding:10px 12px;
}

/* buton küçülür */
.back-btn{
font-size:12px;
padding:6px 10px;
}

/* logo küçülür */
.topbar-logo{
height:40px;
}

/* buton çok sola yapışmasın */
.back-btn{
margin-left:5px;
}

}