@media (max-width: 51.25em) {
    .\@2-shown {
    	display: none !important;
    }
}

@media (min-width: 51.25em) {
    .\@2-columns-3 {
        columns: 3;
    }

    .\@2-columns-3 > .button-list {
        /* This hacks button-list inside columns, because borders do not respect
           column break avoid. We replace border with box-shadow. Nasty, but
           easier than splitting lists into 3 in the back-end. */
        border-color: transparent;
        border-width: 0;
        padding-top: 13px;
        padding-bottom: 13px;
        box-shadow:
            inset 0px 1px 0px 0px rgba(0, 0, 0, 0.250980),
            inset 0px -1px 0px 0px rgba(0, 0, 0, 0.250980);
        display: block;
        break-inside: avoid-column;
        box-decoration-break: clone;
    }
}