.btn {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        50px;

    padding:
        12px 25px;

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

    font-weight:
        700;

    transition:
        var(--transition);

}

.btn-primary {

    color:
        white;

    background:
        var(--color-orange);

}

.btn-primary:hover {

    background:
        var(--color-orange-dark);

    transform:
        translateY(-2px);

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

}

.btn-secondary {

    color:
        var(--color-blue);

    background:
        white;

    border:
        2px solid var(--color-blue);

}

.btn-secondary:hover {

    color:
        white;

    background:
        var(--color-blue);

}

.section {

    padding:
        100px 0;

}

.section-header {

    max-width:
        750px;

    margin-bottom:
        50px;

}

.card {

    background:
        white;

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

    overflow:
        hidden;

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

    transition:
        var(--transition);

}

.card:hover {

    transform:
        translateY(-5px);

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

}

.site-footer {

    padding:
        70px 0 30px;

    color:
        white;

    background:
        var(--color-blue-dark);

}

.site-footer h2 {

    color:
        white;

    font-size:
        18px;

}

.site-footer ul {

    list-style:
        none;

    padding:
        0;

}

.site-footer li {

    margin-bottom:
        8px;

}

.site-footer a:hover {

    color:
        var(--color-orange);

}

.footer-grid {

    display:
        grid;

    grid-template-columns:
        2fr 1fr 1fr;

    gap:
        60px;

}

.footer-bottom {

    display:
        flex;

    justify-content:
        space-between;

    gap:
        20px;

    padding-top:
        30px;

    margin-top:
        50px;

    border-top:
        1px solid rgba(255,255,255,.15);

    font-size:
        14px;

}

.footer-bottom div {

    display:
        flex;

    gap:
        20px;

}