.srv-area.v3 {

    .srv-area-v3-bd {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "list"
            "button";
        row-gap: 2rem;
    }

    .srv-area-v3-hdr  { grid-area: header; }
    .srv-area-v3-shl  { grid-area: list; padding: 2.5rem 2rem; }
    .srv-area-v3-btn  { grid-area: button; }

    .srv-area-v3-shl .svc-areas {
        margin-top: 0;
    }

    @media screen and (min-width: 1280px) {
        .srv-area-v3-bd {
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
                "header  list"
                "button  list";
            align-items: center;
            column-gap: 3rem;
            row-gap: 2.5rem;
        }

        .srv-area-v3-hdr { align-self: end; }
        .srv-area-v3-btn { align-self: start; }
    }
}