/* Buttons */

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

border-radius:999px;

font-weight:600;

transition:.3s;

cursor:pointer;

}

.btn-primary{

background:var(--primary);

color:#fff;

box-shadow:var(--shadow-sm);

}

.btn-primary:hover{

background:var(--primary-dark);

transform:translateY(-2px);

}

.btn-secondary{

border:2px solid #fff;

color:#fff;

}

.btn-dark{

background:#111;

color:#fff;

}

/* Cards */

.card{

background:#fff;

border-radius:var(--radius);

box-shadow:var(--shadow-sm);

padding:40px;

transition:.35s;

}

.card:hover{

transform:translateY(-8px);

box-shadow:var(--shadow);

}

/* Titles */

.section-title{

font-size:48px;

font-weight:700;

margin-bottom:20px;

}

.section-subtitle{

max-width:760px;

margin:auto;

color:var(--gray);

font-size:20px;

}