/* ==========================================================
   BITFORCE HERO V3 BUTTONS
========================================================== */

.hero-buttons{
display:flex;
align-items:center;
gap:22px;
flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{

display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;

height:62px;

padding:0 34px;

border-radius:18px;

font-size:17px;
font-weight:700;

text-decoration:none;

transition:.35s ease;

cursor:pointer;

position:relative;

overflow:hidden;

}


.btn-primary{

background:linear-gradient(135deg,#1EA2FF,#0078FF);

color:#fff;

border:none;

box-shadow:
0 15px 35px rgba(30,162,255,.35);

}


.btn-primary::before{

content:"";

position:absolute;

left:-120%;

top:0;

width:100%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.35),
transparent
);

transition:.8s;

}

.btn-primary:hover::before{

left:120%;

}

.btn-primary:hover{

transform:translateY(-4px);

box-shadow:
0 25px 45px rgba(30,162,255,.45);

}


.btn-primary i{

font-size:18px;

transition:.3s;

}

.btn-primary:hover i{

transform:translateX(4px);

}



.btn-secondary{

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

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

color:#fff;

backdrop-filter:blur(12px);

}


.btn-secondary:hover{

background:#fff;

color:#031322;

transform:translateY(-4px);

border-color:#fff;

box-shadow:

0 18px 40px rgba(255,255,255,.18);

}



@media(max-width:768px){

.hero-buttons{

width:100%;

}

.btn-primary,
.btn-secondary{

width:100%;

max-width:340px;

}

}