.ww-practice-areas {

    background: var(--wp--preset--color--primary);
}

.ww-practice-areas .wrap {
    padding: 4rem 1rem 1rem;
    color: var(--wp--preset--color--white);
    /* display: flex;
    justify-content: space-between;
    flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr auto;
    gap: 2rem 0;
    align-items: center;
}

.ww-practice-areas .wrap>a:last-child {
    color: var(--wp--preset--color--highlight);
    text-decoration: none;
    justify-self: center;
    grid-column: 1/3;
    margin-top: 0;
    font-size: 1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
}

.ww-practice-areas .wrap a:last-child:hover {
    text-decoration: underline;
}

.ww-practice-areas .wrap .ww-practice-area {
    text-align: center;
    border-right: none;
}

.ww-practice-areas .wrap .ww-practice-area:nth-child(4n) {
    border-right: none;
}

.ww-practice-areas .wrap .ww-practice-area a {
    color: var(--wp--preset--color--white);
    text-decoration: none;
}

.ww-practice-areas .wrap .ww-practice-area a:hover {
    text-decoration: underline;
}

.ww-practice-areas .wrap .ww-practice-area img {
    margin: 0 auto 1rem;
}

@media (min-width: 769px) {

    .ww-practice-areas .wrap {
        padding: 4rem 1rem 3rem;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr auto;
        gap: 0;
    }

    .ww-practice-areas .wrap>a:last-child {
        color: var(--wp--preset--color--highlight);
        grid-column: 2/4;
        margin-top: 3rem;
    }

    .ww-practice-areas .wrap .ww-practice-area {
        border-right: 1px solid var(--wp--preset--color--blue-8);
    }

}