.hero-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:1rem 2rem;

    border-radius:999px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    color:var(--text-primary);

    backdrop-filter:blur(18px);

    transition:.3s ease;

}

.hero-button:hover{

    transform:translateY(-4px);

    border-color:var(--accent);

    box-shadow:

        0 12px 35px rgba(124,58,237,.22);

}