#lessonsnav {
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: center;
}

#lessonsnav button {
    width: 52px;
    height: 52px;
    font-size: 1.5em;
}

#lessonsnav button,
#lessonsnav button:visited {
    color: var(--e-global-color-f1d5d81);
    background-color: inherit;
    border: solid 2px var(--e-global-color-f1d5d81);
}

#lessonsnav button:hover,
#lessonsnav .active {
    color: var(--e-global-color-f1d5d81);
    background-color: var(--e-global-color-accent);
    border: solid 2px var(--e-global-color-accent);
}