.settings-menu {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1.5em 1em;
    border: 1px solid var(--border-color);
    min-width: 22rem;
    border-radius: 1rem;
    margin: 0;
    font-size: var(--font-size-normal);
}

    .settings-menu li, .settings-menu a {
        list-style: none;
        cursor: pointer;
        background-color: var(--blue-gray);
        border: 1px solid var(--border-color);
        padding: 0.5rem 1.5rem;
        font-size: var(--font-size-medium);
        border-radius: 0.5em;
        transition: transform 0.1s ease-in-out;
        text-decoration: none;
        color: var(--black);
    }
        .settings-menu li:hover, .settings-menu a:hover {
            transform: scale(1.025);
        }
        .settings-menu li:active, .settings-menu a:active {
            transform: scale(0.975);
        }

.settings-container {
    display: flex;
    flex-direction: column;
}