/* == FOOTER ACTION BUTTONS == */

.btn-back-link {
    background: none;
    border: none;
    padding: 0;
    font-family: var(--font-primary);
    font-weight: 700;
    color: var(--navy);
    font-size: 0.83rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: gap .2s, color .2s;
    text-decoration: none;
}

    .btn-back-link:hover {
        color: var(--cyan-dark);
        gap: 0;
    }

    .btn-back-link .material-symbols-outlined {
        font-size: 1rem;
    }

.btn-prev {
    background: var(--navy-soft);
    border: none;
    border-radius: 0.5rem;
    padding: 0.82rem 1.6rem;
    font-family: var(--font-primary);
    font-weight: 700;
    color: var(--navy);
    font-size: 0.85rem;
    transition: background .2s;
}

    .btn-prev:hover {
        background: var(--surface-high);
    }

.btn-next {
    background: linear-gradient(135deg, var(--navy), var(--navy-mid));
    border: none;
    border-radius: 0.5rem;
    padding: 0.82rem 2.25rem;
    font-family: var(--font-primary);
    font-weight: 700;
    color: #fff;
    font-size: 0.85rem;
    box-shadow: 0 6px 20px rgba(13,41,112,0.3);
    transition: transform .15s, box-shadow .15s;
    position: relative;
    overflow: hidden;
}

    .btn-next::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, transparent 40%, rgba(0,168,232,0.28));
        opacity: 0;
        transition: opacity .3s;
    }

    .btn-next:hover {
        transform: scale(1.02);
        box-shadow: 0 10px 24px rgba(13,41,112,0.35);
    }

        .btn-next:hover::after {
            opacity: 1;
        }

    .btn-next:active {
        transform: scale(0.98);
    }