/* Buttons */


.btn{


display:inline-flex;


align-items:center;


justify-content:center;


gap:10px;


padding:

12px 28px;


border-radius:

50px;


background:

linear-gradient(

135deg,

var(--sky-primary),

var(--sky-secondary)

);


color:#fff;


font-weight:

700;


transition:

var(--transition);


}



.btn:hover{


transform:

translateY(-3px);


box-shadow:

var(--shadow-blue);


}



/* Cards */


.card{


background:

var(--bg-card);


border:

1px solid

var(--border-color);


border-radius:

var(--radius-medium);


backdrop-filter:

blur(10px);


transition:

var(--transition);


}



.card:hover{


transform:

translateY(-8px);


box-shadow:

var(--shadow-blue);


}