.section-header{

    max-width:720px;

    margin-inline:auto;

    margin-bottom:64px;

    text-align:center;

}

.section-header__eyebrow{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--clr-accent);

    font-size:14px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.08em;

    margin-bottom:16px;

}

.section-header__title{

    margin-bottom:20px;

}

.section-header__description{
    line-height:1.8;
    max-width:680px;

    margin:24px auto 0;

    color:var(--clr-body);

    line-height:1.7;
}

.accent{

    color:var(--clr-accent);

}

/* -----------------------------
Buttons
------------------------------*/

.btn{

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

height:var(--btn-height);

padding-inline:var(--btn-padding-x);

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

font-size:var(--fs-button);
font-weight:var(--fw-semibold);

transition:var(--transition);

cursor:pointer;

}


.btn-primary{

background:var(--clr-accent);
color:var(--clr-white);

border:1px solid var(--clr-accent);

}

.btn-primary:hover{

transform:translateY(-3px);

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

}


.btn-secondary{

background:transparent;

color:var(--clr-white);

border:1px solid var(--clr-accent);

}

.btn-secondary:hover{

background:var(--clr-accent);

}


/* -----------------------------
Section Header
------------------------------*/

.section-eyebrow{

font-size:14px;

font-weight:600;

letter-spacing:.12em;

text-transform:uppercase;

color:var(--clr-accent);

margin-bottom:12px;

}


.section-title{

font-size:var(--fs-h2);

font-family:var(--ff-heading);

margin-bottom:24px;

}


.section-description{

max-width:650px;

}

.card{

    border-radius:var(--radius-card);
    transition:var(--transition);
    box-shadow: var(--shadow-sm);

}

.btn-light{

    background:var(--clr-white);
    color:var(--clr-accent);
    border:1px solid var(--clr-white);

}

.btn-light:hover{

    transform:translateY(-3px);
    box-shadow:var(--shadow-lg);

}

.btn-light svg{
    width:18px;
    height:18px;
    margin-bottom: 0;
}