.hero-content{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
}

.hero-content-top{
    display:flex;
    align-items:start;
    justify-content:center;
    padding:30px;
}



.hero-buttons{
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:24px;
}

.btn{
    display:inline-block;
    padding:12px 22px;
    border-radius:10px;
    text-decoration:none;
    color:white;
    background:rgba(255,255,255,0.16);
    border:1px solid rgba(255,255,255,0.25);
    transition:all 0.25s ease;
}

.btn:hover{
    background:rgba(255,255,255,0.26);
}

.btn.secondary{
    background:rgba(0,0,0,0.25);
}

/* mobil */
@media (min-width: 0px) and (max-width: 600px){
}