.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    transition:var(--transition);

}

.hero-buttons{

    display:flex;

    gap:20px;

    margin-top:50px;

}

.btn-primary{

    background:var(--primary);

    color:black;

    padding:18px 40px;

    border-radius:20px;

    font-weight:700;

    animation:glow 4s infinite;

}

.btn-primary:hover{

    background:var(--primary-hover);

}

.btn-outline{

    border:2px solid var(--primary);

    color:white;

    padding:18px 40px;

    border-radius:var(--radius-md);

}

.btn-outline:hover{

    background:var(--primary);

    color:black;

}
.secondary-btn{

    padding:18px 40px;

    border:

    1px solid rgba(255,255,255,.1);

    border-radius:20px;

    background:

    rgba(255,255,255,.03);

    backdrop-filter:blur(20px);

    color:white;

    text-decoration:none;

    transition:.4s;

}


.secondary-btn:hover{

    border-color:

    var(--primary);

    box-shadow:

    0 0 30px rgba(0,217,255,.25);

}