.btn{

display:inline-flex;
align-items:center;
justify-content:center;

padding:14px 32px;

border-radius:12px;

font-weight:500;

text-decoration:none;

transition:all .35s var(--transition);

}

.btn-primary{

background:var(--accent);
color:#071018;

box-shadow:0 10px 30px rgba(38,166,154,.25);

}

.btn-primary:hover{

transform:translateY(-2px);

}

.btn-secondary{

color:var(--accent);
position:relative;

}

.btn-secondary::after{

content:"";

position:absolute;
bottom:-4px;
left:0;

width:0%;
height:1px;

background:var(--accent);

transition:width .3s ease;

}

.btn-secondary:hover::after{

width:100%;

}

.card{

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

border:1px solid var(--border-soft);

border-radius:16px;

transition:

transform .35s var(--transition),
border-color .35s var(--transition),
box-shadow .35s var(--transition);

position:relative;

overflow:hidden;

}

.card:hover{

transform:translateY(-6px);

border-color:rgba(38,166,154,.35);

box-shadow:0 20px 50px rgba(0,0,0,.45);

}