main>section>div {
    flex-direction: column;
    gap: 2.5em;
    margin-bottom: 1em;
}

#row-1 .bookCover {
    width: 10em;
    float: left;
    margin-right: 1em;
}

#row-4 {
    display: flex;
}

.author_pic {
    width: 10em;
    align-self: center;
    float: right;
    margin-left: 1em;

    position: relative;
    z-index: 2;
}

.book_quote {
    background-image: linear-gradient(90deg, var(--light-accent), #ffffff);
    background-size: calc(100% + 2px) 100%;
    background-position: -1px 0;

    border-left: 2px solid var(--dark-accent-lighter);
    padding: 0.05cm 0.05cm 0.05cm 0.15cm;
    margin: 1em;
}

#buy_btns_wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 1em;
    font-family: var(--serif);
}

/* ---------------------------------- DESKTOP ------------------------------------ */
@media only screen and (min-width: 691px) {
    #row-1 {
        display: flex;
        flex-direction: row;
    }

    #row-1 .bookCover {
        width: 20em;
        align-self: start;
    }

    #row-1>*:nth-child(2) {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        row-gap: 1em;
    }

    #row-3 {
        display: flex;
        flex-direction: row-reverse;
    }

    #row-3>div:first-of-type {
        flex-grow: 1;
    }
}